@alfalab/core-components-pattern-lock 1.4.9 → 1.5.0

package/Component.js

@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pattern-lock__component_1pf4o","hidden":"pattern-lock__hidden_1pf4o","message":"pattern-lock__message_1pf4o","error":"pattern-lock__error_1pf4o","forgotBtn":"pattern-lock__forgotBtn_1pf4o"};
+var styles = {"component":"pattern-lock__component_tnry3","hidden":"pattern-lock__hidden_tnry3","message":"pattern-lock__message_tnry3","error":"pattern-lock__error_tnry3","forgotBtn":"pattern-lock__forgotBtn_tnry3"};
 require('./index.css')
 
 var PatternLock = React.forwardRef(function (_a, ref) {

package/cssm/index.js

@@ -4,15 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component = require('./Component.js');
 var consts = require('./consts.js');
-require('tslib');
-require('react');
-require('react-canvas-pattern-lock');
-require('classnames');
-require('@alfalab/core-components-button/cssm/mobile');
-require('@alfalab/core-components-gap/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('./utils.js');
-require('./index.module.css');
 
 
 

package/cssm/shared/index.d.ts

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

package/cssm/shared/index.js

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

package/cssm/utils.d.ts

@@ -7,4 +7,10 @@ declare const getSizes: () => {
     height: number;
 };
 declare function getTheme(dimens: ThemeParams['dimens']): Theme;
-export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme };
+declare function getPatternLockTestIds(dataTestId: string): {
+    patternLock: string;
+    forgotCodeBtn: string;
+    error: string;
+    message: string;
+};
+export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

package/cssm/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var consts = require('./consts.js');
 
 function getDefaultObserveTarget() {
@@ -68,8 +69,17 @@ function getTheme(dimens) {
         },
         _a;
 }
+function getPatternLockTestIds(dataTestId) {
+    return {
+        patternLock: dataTestId,
+        forgotCodeBtn: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
+        message: coreComponentsShared.getDataTestId(dataTestId, 'message'),
+    };
+}
 
 exports.getColorByToken = getColorByToken;
 exports.getDefaultObserveTarget = getDefaultObserveTarget;
+exports.getPatternLockTestIds = getPatternLockTestIds;
 exports.getSizes = getSizes;
 exports.getTheme = getTheme;

package/esm/Component.js

@@ -8,7 +8,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-var styles = {"component":"pattern-lock__component_1pf4o","hidden":"pattern-lock__hidden_1pf4o","message":"pattern-lock__message_1pf4o","error":"pattern-lock__error_1pf4o","forgotBtn":"pattern-lock__forgotBtn_1pf4o"};
+var styles = {"component":"pattern-lock__component_tnry3","hidden":"pattern-lock__hidden_tnry3","message":"pattern-lock__message_tnry3","error":"pattern-lock__error_tnry3","forgotBtn":"pattern-lock__forgotBtn_tnry3"};
 require('./index.css')
 
 var PatternLock = forwardRef(function (_a, ref) {

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: p9pl4 */
+/* hash: 1f6kz */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #ec2e14;
@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_1pf4o {
+} .pattern-lock__component_tnry3 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_1pf4o canvas {
+} .pattern-lock__component_tnry3 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_1pf4o {
+    } .pattern-lock__hidden_tnry3 {
     visibility: hidden;
-} .pattern-lock__message_1pf4o {
+} .pattern-lock__message_tnry3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_1pf4o {
+} .pattern-lock__error_tnry3 {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_1pf4o {
+} .pattern-lock__forgotBtn_tnry3 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_1pf4o {
+    .pattern-lock__forgotBtn_tnry3 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_1pf4o {
+    .pattern-lock__component_tnry3 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_1pf4o {
+    .pattern-lock__forgotBtn_tnry3 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_1pf4o {
+    .pattern-lock__component_tnry3 {
         margin-bottom: var(--gap-l);
     }
 }

package/esm/index.js

@@ -1,10 +1,2 @@
 export { PatternLock } from './Component.js';
 export { THEME_STATE } from './consts.js';
-import 'tslib';
-import 'react';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '@alfalab/core-components-button/esm/mobile';
-import '@alfalab/core-components-gap/esm';
-import '@alfalab/core-components-shared/esm';
-import './utils.js';

package/esm/shared/index.d.ts

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

package/esm/shared/index.js

@@ -0,0 +1 @@
+export { getPatternLockTestIds } from '../utils.js';

package/esm/utils.d.ts

@@ -7,4 +7,10 @@ declare const getSizes: () => {
     height: number;
 };
 declare function getTheme(dimens: ThemeParams['dimens']): Theme;
-export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme };
+declare function getPatternLockTestIds(dataTestId: string): {
+    patternLock: string;
+    forgotCodeBtn: string;
+    error: string;
+    message: string;
+};
+export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

package/esm/utils.js

@@ -1,4 +1,5 @@
 import { __assign } from 'tslib';
+import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { OBSERVABLE_TOKENS, THEME_STATE } from './consts.js';
 
 function getDefaultObserveTarget() {
@@ -64,5 +65,13 @@ function getTheme(dimens) {
         },
         _a;
 }
+function getPatternLockTestIds(dataTestId) {
+    return {
+        patternLock: dataTestId,
+        forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: getDataTestId(dataTestId, 'error'),
+        message: getDataTestId(dataTestId, 'message'),
+    };
+}
 
-export { getColorByToken, getDefaultObserveTarget, getSizes, getTheme };
+export { getColorByToken, getDefaultObserveTarget, getPatternLockTestIds, getSizes, getTheme };

package/index.css

@@ -1,4 +1,4 @@
-/* hash: p9pl4 */
+/* hash: 1f6kz */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #ec2e14;
@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_1pf4o {
+} .pattern-lock__component_tnry3 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_1pf4o canvas {
+} .pattern-lock__component_tnry3 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_1pf4o {
+    } .pattern-lock__hidden_tnry3 {
     visibility: hidden;
-} .pattern-lock__message_1pf4o {
+} .pattern-lock__message_tnry3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_1pf4o {
+} .pattern-lock__error_tnry3 {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_1pf4o {
+} .pattern-lock__forgotBtn_tnry3 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_1pf4o {
+    .pattern-lock__forgotBtn_tnry3 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_1pf4o {
+    .pattern-lock__component_tnry3 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_1pf4o {
+    .pattern-lock__forgotBtn_tnry3 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_1pf4o {
+    .pattern-lock__component_tnry3 {
         margin-bottom: var(--gap-l);
     }
 }

package/index.js

@@ -4,14 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component = require('./Component.js');
 var consts = require('./consts.js');
-require('tslib');
-require('react');
-require('react-canvas-pattern-lock');
-require('classnames');
-require('@alfalab/core-components-button/mobile');
-require('@alfalab/core-components-gap');
-require('@alfalab/core-components-shared');
-require('./utils.js');
 
 
 

package/modern/Component.js

@@ -7,7 +7,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-const styles = {"component":"pattern-lock__component_1pf4o","hidden":"pattern-lock__hidden_1pf4o","message":"pattern-lock__message_1pf4o","error":"pattern-lock__error_1pf4o","forgotBtn":"pattern-lock__forgotBtn_1pf4o"};
+const styles = {"component":"pattern-lock__component_tnry3","hidden":"pattern-lock__hidden_tnry3","message":"pattern-lock__message_tnry3","error":"pattern-lock__error_tnry3","forgotBtn":"pattern-lock__forgotBtn_tnry3"};
 require('./index.css')
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, ...restProps }, ref) => {

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: p9pl4 */
+/* hash: 1f6kz */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #ec2e14;
@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_1pf4o {
+} .pattern-lock__component_tnry3 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_1pf4o canvas {
+} .pattern-lock__component_tnry3 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_1pf4o {
+    } .pattern-lock__hidden_tnry3 {
     visibility: hidden;
-} .pattern-lock__message_1pf4o {
+} .pattern-lock__message_tnry3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_1pf4o {
+} .pattern-lock__error_tnry3 {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_1pf4o {
+} .pattern-lock__forgotBtn_tnry3 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_1pf4o {
+    .pattern-lock__forgotBtn_tnry3 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_1pf4o {
+    .pattern-lock__component_tnry3 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_1pf4o {
+    .pattern-lock__forgotBtn_tnry3 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_1pf4o {
+    .pattern-lock__component_tnry3 {
         margin-bottom: var(--gap-l);
     }
 }

package/modern/index.js

@@ -1,9 +1,2 @@
 export { PatternLock } from './Component.js';
 export { THEME_STATE } from './consts.js';
-import 'react';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-gap/modern';
-import '@alfalab/core-components-shared/modern';
-import './utils.js';

package/modern/shared/index.d.ts

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

package/modern/shared/index.js

@@ -0,0 +1 @@
+export { getPatternLockTestIds } from '../utils.js';

package/modern/utils.d.ts

@@ -7,4 +7,10 @@ declare const getSizes: () => {
     height: number;
 };
 declare function getTheme(dimens: ThemeParams['dimens']): Theme;
-export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme };
+declare function getPatternLockTestIds(dataTestId: string): {
+    patternLock: string;
+    forgotCodeBtn: string;
+    error: string;
+    message: string;
+};
+export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

package/modern/utils.js

@@ -1,3 +1,4 @@
+import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { OBSERVABLE_TOKENS, THEME_STATE } from './consts.js';
 
 function getDefaultObserveTarget() {
@@ -74,5 +75,13 @@ function getTheme(dimens) {
         },
     };
 }
+function getPatternLockTestIds(dataTestId) {
+    return {
+        patternLock: dataTestId,
+        forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: getDataTestId(dataTestId, 'error'),
+        message: getDataTestId(dataTestId, 'message'),
+    };
+}
 
-export { getColorByToken, getDefaultObserveTarget, getSizes, getTheme };
+export { getColorByToken, getDefaultObserveTarget, getPatternLockTestIds, getSizes, getTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pattern-lock",
-    "version": "1.4.9",
+    "version": "1.5.0",
     "description": "Pattern lock",
     "keywords": [],
     "license": "MIT",
@@ -15,9 +15,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^11.1.0",
+        "@alfalab/core-components-button": "^11.2.0",
         "@alfalab/core-components-gap": "^1.2.0",
-        "@alfalab/core-components-shared": "^0.9.0",
+        "@alfalab/core-components-shared": "^0.9.1",
         "react-canvas-pattern-lock": "^1.1.1",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"

package/shared/index.d.ts

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

package/shared/index.js

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

package/shared/package.json

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

package/src/shared/index.ts

@@ -0,0 +1 @@
+export { getPatternLockTestIds } from '../utils';

package/src/shared/package.json

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

package/src/utils.ts

@@ -1,5 +1,7 @@
 import { Theme, ThemeParams } from 'react-canvas-pattern-lock';
 
+import { getDataTestId } from '@alfalab/core-components-shared';
+
 import { OBSERVABLE_TOKENS, THEME_STATE } from './consts';
 
 export function getDefaultObserveTarget() {
@@ -82,3 +84,12 @@ export function getTheme(dimens: ThemeParams['dimens']): Theme {
         },
     };
 }
+
+export function getPatternLockTestIds(dataTestId: string) {
+    return {
+        patternLock: dataTestId,
+        forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: getDataTestId(dataTestId, 'error'),
+        message: getDataTestId(dataTestId, 'message'),
+    };
+}

package/utils.d.ts

@@ -7,4 +7,10 @@ declare const getSizes: () => {
     height: number;
 };
 declare function getTheme(dimens: ThemeParams['dimens']): Theme;
-export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme };
+declare function getPatternLockTestIds(dataTestId: string): {
+    patternLock: string;
+    forgotCodeBtn: string;
+    error: string;
+    message: string;
+};
+export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

package/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+var coreComponentsShared = require('@alfalab/core-components-shared');
 var consts = require('./consts.js');
 
 function getDefaultObserveTarget() {
@@ -68,8 +69,17 @@ function getTheme(dimens) {
         },
         _a;
 }
+function getPatternLockTestIds(dataTestId) {
+    return {
+        patternLock: dataTestId,
+        forgotCodeBtn: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
+        message: coreComponentsShared.getDataTestId(dataTestId, 'message'),
+    };
+}
 
 exports.getColorByToken = getColorByToken;
 exports.getDefaultObserveTarget = getDefaultObserveTarget;
+exports.getPatternLockTestIds = getPatternLockTestIds;
 exports.getSizes = getSizes;
 exports.getTheme = getTheme;