@alfalab/core-components-pattern-lock 2.5.13 → 3.0.0-snapshot-133b390

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (237) hide show
  1. package/Component.responsive.d.ts +3 -5
  2. package/Component.responsive.js +4 -3
  3. package/Component.responsive.js.map +1 -0
  4. package/components/base-pattern-lock/Component.d.ts +3 -5
  5. package/components/base-pattern-lock/Component.js +9 -10
  6. package/components/base-pattern-lock/Component.js.map +1 -0
  7. package/components/base-pattern-lock/index.css +10 -31
  8. package/components/base-pattern-lock/index.d.ts +1 -1
  9. package/components/base-pattern-lock/index.js +3 -2
  10. package/components/base-pattern-lock/index.js.map +1 -0
  11. package/components/base-pattern-lock/index.module.css.js +8 -0
  12. package/components/base-pattern-lock/index.module.css.js.map +1 -0
  13. package/consts.d.ts +6 -7
  14. package/consts.js +1 -0
  15. package/consts.js.map +1 -0
  16. package/cssm/Component.responsive.d.ts +3 -5
  17. package/cssm/Component.responsive.js +6 -5
  18. package/cssm/Component.responsive.js.map +1 -0
  19. package/cssm/components/base-pattern-lock/Component.d.ts +3 -5
  20. package/cssm/components/base-pattern-lock/Component.js +3 -2
  21. package/cssm/components/base-pattern-lock/Component.js.map +1 -0
  22. package/cssm/components/base-pattern-lock/index.d.ts +1 -1
  23. package/cssm/components/base-pattern-lock/index.js +3 -2
  24. package/cssm/components/base-pattern-lock/index.js.map +1 -0
  25. package/cssm/components/base-pattern-lock/index.module.css +3 -23
  26. package/cssm/consts.d.ts +6 -7
  27. package/cssm/consts.js +1 -0
  28. package/cssm/consts.js.map +1 -0
  29. package/cssm/desktop/Component.desktop.d.ts +3 -5
  30. package/cssm/desktop/Component.desktop.js +3 -2
  31. package/cssm/desktop/Component.desktop.js.map +1 -0
  32. package/cssm/desktop/desktop.module.css +2 -23
  33. package/cssm/desktop/index.d.ts +2 -2
  34. package/cssm/desktop/index.js +3 -2
  35. package/cssm/desktop/index.js.map +1 -0
  36. package/cssm/hooks/use-pattern-lock-cleanup.d.ts +2 -4
  37. package/cssm/hooks/use-pattern-lock-cleanup.js +1 -0
  38. package/cssm/hooks/use-pattern-lock-cleanup.js.map +1 -0
  39. package/cssm/index.d.ts +3 -3
  40. package/cssm/index.js +1 -0
  41. package/cssm/index.js.map +1 -0
  42. package/cssm/mobile/Component.mobile.d.ts +3 -5
  43. package/cssm/mobile/Component.mobile.js +3 -2
  44. package/cssm/mobile/Component.mobile.js.map +1 -0
  45. package/cssm/mobile/index.d.ts +2 -2
  46. package/cssm/mobile/index.js +3 -2
  47. package/cssm/mobile/index.js.map +1 -0
  48. package/cssm/mobile/mobile.module.css +2 -23
  49. package/cssm/shared/index.d.ts +2 -2
  50. package/cssm/shared/index.js +3 -2
  51. package/cssm/shared/index.js.map +1 -0
  52. package/cssm/typings.d.ts +6 -6
  53. package/cssm/typings.js +1 -0
  54. package/cssm/typings.js.map +1 -0
  55. package/cssm/utils.d.ts +5 -6
  56. package/cssm/utils.js +3 -2
  57. package/cssm/utils.js.map +1 -0
  58. package/desktop/Component.desktop.d.ts +3 -5
  59. package/desktop/Component.desktop.js +4 -5
  60. package/desktop/Component.desktop.js.map +1 -0
  61. package/desktop/desktop.css +5 -27
  62. package/desktop/desktop.module.css.js +8 -0
  63. package/desktop/desktop.module.css.js.map +1 -0
  64. package/desktop/index.d.ts +2 -2
  65. package/desktop/index.js +3 -2
  66. package/desktop/index.js.map +1 -0
  67. package/esm/Component.responsive.d.ts +3 -5
  68. package/esm/Component.responsive.js +1 -0
  69. package/esm/Component.responsive.js.map +1 -0
  70. package/esm/components/base-pattern-lock/Component.d.ts +3 -5
  71. package/esm/components/base-pattern-lock/Component.js +3 -4
  72. package/esm/components/base-pattern-lock/Component.js.map +1 -0
  73. package/esm/components/base-pattern-lock/index.css +10 -31
  74. package/esm/components/base-pattern-lock/index.d.ts +1 -1
  75. package/esm/components/base-pattern-lock/index.js +1 -0
  76. package/esm/components/base-pattern-lock/index.js.map +1 -0
  77. package/esm/components/base-pattern-lock/index.module.css.js +6 -0
  78. package/esm/components/base-pattern-lock/index.module.css.js.map +1 -0
  79. package/esm/consts.d.ts +6 -7
  80. package/esm/consts.js +1 -0
  81. package/esm/consts.js.map +1 -0
  82. package/esm/desktop/Component.desktop.d.ts +3 -5
  83. package/esm/desktop/Component.desktop.js +2 -3
  84. package/esm/desktop/Component.desktop.js.map +1 -0
  85. package/esm/desktop/desktop.css +5 -27
  86. package/esm/desktop/desktop.module.css.js +6 -0
  87. package/esm/desktop/desktop.module.css.js.map +1 -0
  88. package/esm/desktop/index.d.ts +2 -2
  89. package/esm/desktop/index.js +1 -0
  90. package/esm/desktop/index.js.map +1 -0
  91. package/esm/hooks/use-pattern-lock-cleanup.d.ts +2 -4
  92. package/esm/hooks/use-pattern-lock-cleanup.js +1 -0
  93. package/esm/hooks/use-pattern-lock-cleanup.js.map +1 -0
  94. package/esm/index.d.ts +3 -3
  95. package/esm/index.js +1 -0
  96. package/esm/index.js.map +1 -0
  97. package/esm/mobile/Component.mobile.d.ts +3 -5
  98. package/esm/mobile/Component.mobile.js +2 -3
  99. package/esm/mobile/Component.mobile.js.map +1 -0
  100. package/esm/mobile/index.d.ts +2 -2
  101. package/esm/mobile/index.js +1 -0
  102. package/esm/mobile/index.js.map +1 -0
  103. package/esm/mobile/mobile.css +4 -26
  104. package/esm/mobile/mobile.module.css.js +6 -0
  105. package/esm/mobile/mobile.module.css.js.map +1 -0
  106. package/esm/shared/index.d.ts +2 -2
  107. package/esm/shared/index.js +1 -0
  108. package/esm/shared/index.js.map +1 -0
  109. package/esm/typings.d.ts +6 -6
  110. package/esm/typings.js +1 -0
  111. package/esm/typings.js.map +1 -0
  112. package/esm/utils.d.ts +5 -6
  113. package/esm/utils.js +2 -1
  114. package/esm/utils.js.map +1 -0
  115. package/hooks/use-pattern-lock-cleanup.d.ts +2 -4
  116. package/hooks/use-pattern-lock-cleanup.js +1 -0
  117. package/hooks/use-pattern-lock-cleanup.js.map +1 -0
  118. package/index.d.ts +3 -3
  119. package/index.js +1 -0
  120. package/index.js.map +1 -0
  121. package/mobile/Component.mobile.d.ts +3 -5
  122. package/mobile/Component.mobile.js +4 -5
  123. package/mobile/Component.mobile.js.map +1 -0
  124. package/mobile/index.d.ts +2 -2
  125. package/mobile/index.js +3 -2
  126. package/mobile/index.js.map +1 -0
  127. package/mobile/mobile.css +4 -26
  128. package/mobile/mobile.module.css.js +8 -0
  129. package/mobile/mobile.module.css.js.map +1 -0
  130. package/modern/Component.responsive.d.ts +3 -5
  131. package/modern/Component.responsive.js +1 -0
  132. package/modern/Component.responsive.js.map +1 -0
  133. package/modern/components/base-pattern-lock/Component.d.ts +3 -5
  134. package/modern/components/base-pattern-lock/Component.js +4 -5
  135. package/modern/components/base-pattern-lock/Component.js.map +1 -0
  136. package/modern/components/base-pattern-lock/index.css +10 -31
  137. package/modern/components/base-pattern-lock/index.d.ts +1 -1
  138. package/modern/components/base-pattern-lock/index.js +1 -0
  139. package/modern/components/base-pattern-lock/index.js.map +1 -0
  140. package/modern/components/base-pattern-lock/index.module.css.js +6 -0
  141. package/modern/components/base-pattern-lock/index.module.css.js.map +1 -0
  142. package/modern/consts.d.ts +6 -7
  143. package/modern/consts.js +1 -0
  144. package/modern/consts.js.map +1 -0
  145. package/modern/desktop/Component.desktop.d.ts +3 -5
  146. package/modern/desktop/Component.desktop.js +2 -3
  147. package/modern/desktop/Component.desktop.js.map +1 -0
  148. package/modern/desktop/desktop.css +5 -27
  149. package/modern/desktop/desktop.module.css.js +6 -0
  150. package/modern/desktop/desktop.module.css.js.map +1 -0
  151. package/modern/desktop/index.d.ts +2 -2
  152. package/modern/desktop/index.js +1 -0
  153. package/modern/desktop/index.js.map +1 -0
  154. package/modern/hooks/use-pattern-lock-cleanup.d.ts +2 -4
  155. package/modern/hooks/use-pattern-lock-cleanup.js +1 -0
  156. package/modern/hooks/use-pattern-lock-cleanup.js.map +1 -0
  157. package/modern/index.d.ts +3 -3
  158. package/modern/index.js +1 -0
  159. package/modern/index.js.map +1 -0
  160. package/modern/mobile/Component.mobile.d.ts +3 -5
  161. package/modern/mobile/Component.mobile.js +2 -3
  162. package/modern/mobile/Component.mobile.js.map +1 -0
  163. package/modern/mobile/index.d.ts +2 -2
  164. package/modern/mobile/index.js +1 -0
  165. package/modern/mobile/index.js.map +1 -0
  166. package/modern/mobile/mobile.css +4 -26
  167. package/modern/mobile/mobile.module.css.js +6 -0
  168. package/modern/mobile/mobile.module.css.js.map +1 -0
  169. package/modern/shared/index.d.ts +2 -2
  170. package/modern/shared/index.js +1 -0
  171. package/modern/shared/index.js.map +1 -0
  172. package/modern/typings.d.ts +6 -6
  173. package/modern/typings.js +1 -0
  174. package/modern/typings.js.map +1 -0
  175. package/modern/utils.d.ts +5 -6
  176. package/modern/utils.js +2 -1
  177. package/modern/utils.js.map +1 -0
  178. package/moderncssm/Component.responsive.d.ts +3 -5
  179. package/moderncssm/Component.responsive.js +1 -0
  180. package/moderncssm/Component.responsive.js.map +1 -0
  181. package/moderncssm/components/base-pattern-lock/Component.d.ts +3 -5
  182. package/moderncssm/components/base-pattern-lock/Component.js +3 -2
  183. package/moderncssm/components/base-pattern-lock/Component.js.map +1 -0
  184. package/moderncssm/components/base-pattern-lock/index.d.ts +1 -1
  185. package/moderncssm/components/base-pattern-lock/index.js +1 -0
  186. package/moderncssm/components/base-pattern-lock/index.js.map +1 -0
  187. package/moderncssm/components/base-pattern-lock/index.module.css +0 -1
  188. package/moderncssm/consts.d.ts +6 -7
  189. package/moderncssm/consts.js +1 -0
  190. package/moderncssm/consts.js.map +1 -0
  191. package/moderncssm/desktop/Component.desktop.d.ts +3 -5
  192. package/moderncssm/desktop/Component.desktop.js +1 -0
  193. package/moderncssm/desktop/Component.desktop.js.map +1 -0
  194. package/moderncssm/desktop/desktop.module.css +0 -1
  195. package/moderncssm/desktop/index.d.ts +2 -2
  196. package/moderncssm/desktop/index.js +1 -0
  197. package/moderncssm/desktop/index.js.map +1 -0
  198. package/moderncssm/hooks/use-pattern-lock-cleanup.d.ts +2 -4
  199. package/moderncssm/hooks/use-pattern-lock-cleanup.js +1 -0
  200. package/moderncssm/hooks/use-pattern-lock-cleanup.js.map +1 -0
  201. package/moderncssm/index.d.ts +3 -3
  202. package/moderncssm/index.js +1 -0
  203. package/moderncssm/index.js.map +1 -0
  204. package/moderncssm/mobile/Component.mobile.d.ts +3 -5
  205. package/moderncssm/mobile/Component.mobile.js +1 -0
  206. package/moderncssm/mobile/Component.mobile.js.map +1 -0
  207. package/moderncssm/mobile/index.d.ts +2 -2
  208. package/moderncssm/mobile/index.js +1 -0
  209. package/moderncssm/mobile/index.js.map +1 -0
  210. package/moderncssm/mobile/mobile.module.css +0 -1
  211. package/moderncssm/shared/index.d.ts +2 -2
  212. package/moderncssm/shared/index.js +1 -0
  213. package/moderncssm/shared/index.js.map +1 -0
  214. package/moderncssm/typings.d.ts +6 -6
  215. package/moderncssm/typings.js +1 -0
  216. package/moderncssm/typings.js.map +1 -0
  217. package/moderncssm/utils.d.ts +5 -6
  218. package/moderncssm/utils.js +2 -1
  219. package/moderncssm/utils.js.map +1 -0
  220. package/package.json +6 -6
  221. package/shared/index.d.ts +2 -2
  222. package/shared/index.js +3 -2
  223. package/shared/index.js.map +1 -0
  224. package/typings.d.ts +6 -6
  225. package/typings.js +1 -0
  226. package/typings.js.map +1 -0
  227. package/utils.d.ts +5 -6
  228. package/utils.js +1 -0
  229. package/utils.js.map +1 -0
  230. package/cssm/vars.css +0 -0
  231. package/desktop/package.json +0 -3
  232. package/mobile/package.json +0 -3
  233. package/moderncssm/vars.css +0 -0
  234. package/shared/package.json +0 -3
  235. package/src/desktop/package.json +0 -3
  236. package/src/mobile/package.json +0 -3
  237. package/src/shared/package.json +0 -3
@@ -1,6 +1,4 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
- import { PatternLockProps } from "./typings";
5
- declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
- export { PatternLock };
2
+ import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
3
+ import { PatternLockProps } from './typings';
4
+ export declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq');
8
- var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
- var mobile_Component_mobile = require('./mobile/Component.mobile.js');
8
+ var Component_desktop = require('./desktop/Component.desktop.js');
9
+ var Component_mobile = require('./mobile/Component.mobile.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
12
 
@@ -15,9 +15,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var PatternLock = React.forwardRef(function (_a, ref) {
16
16
  var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue"]);
17
17
  var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
18
- var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;
18
+ var Component = isDesktop ? Component_desktop.PatternLockDesktop : Component_mobile.PatternLockMobile;
19
19
  return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
20
20
  });
21
21
  PatternLock.displayName = 'PatternLock';
22
22
 
23
23
  exports.PatternLock = PatternLock;
24
+ //# sourceMappingURL=Component.responsive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\n\nimport { PatternLockDesktop } from './desktop';\nimport { PatternLockMobile } from './mobile';\nimport { PatternLockProps } from './typings';\n\nexport const PatternLock = forwardRef<TPatternLockInstance, PatternLockProps>(\n (\n {\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n const Component = isDesktop ? PatternLockDesktop : PatternLockMobile;\n\n return <Component ref={ref} {...restProps} />;\n },\n);\n\nPatternLock.displayName = 'PatternLock';\n"],"names":["forwardRef","__rest","useIsDesktop","PatternLockDesktop","PatternLockMobile","React","__assign"],"mappings":";;;;;;;;;;;;;;IASa,WAAW,GAAGA,gBAAU,CACjC,UACI,EAKC,EACD,GAAG,EAAA;AALC,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,wBAAA,CAKC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAGC,oCAAkB,GAAGC,kCAAiB;IAEpE,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,SAAS,CAAA,CAAI;AACjD,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
@@ -1,6 +1,4 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
- import { CommonPatternLockProps, PrivatePatternLockProps } from "../../typings";
5
- declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
6
- export { BasePatternLock };
2
+ import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
3
+ import type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';
4
+ export declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
@@ -10,15 +10,13 @@ var coreComponentsShared = require('@alfalab/core-components-shared');
10
10
  var reactCanvasPatternLock = require('@alfalab/react-canvas-pattern-lock');
11
11
  var consts = require('../../consts.js');
12
12
  var utils = require('../../utils.js');
13
+ var index_module = require('./index.module.css.js');
13
14
 
14
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
15
16
 
16
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
19
 
19
- var commonStyles = {"component":"pattern-lock__component_1gq1e","canvasContainer":"pattern-lock__canvasContainer_1gq1e","canvasInner":"pattern-lock__canvasInner_1gq1e","disabled":"pattern-lock__disabled_1gq1e","withForgotBtn":"pattern-lock__withForgotBtn_1gq1e","forgotBtn":"pattern-lock__forgotBtn_1gq1e"};
20
- require('./index.css')
21
-
22
20
  var BasePatternLock = React.forwardRef(function (_a, ref) {
23
21
  var _b;
24
22
  var _c = _a.observeTokens, observeTokens = _c === void 0 ? false : _c, _d = _a.observerParams, observerParams = _d === void 0 ? {} : _d, className = _a.className, dataTestId = _a.dataTestId, _e = _a.forgotCodeBtnText, forgotCodeBtnText = _e === void 0 ? 'Забыли код?' : _e, _f = _a.showForgotCodeBtn, showForgotCodeBtn = _f === void 0 ? false : _f, onForgotBtnClick = _a.onForgotBtnClick, _g = _a.extraBounds, extraBounds = _g === void 0 ? consts.DEFAULT_EXTRA_BOUNDS : _g; _a.messageClassName; var hover = _a.hover, _h = _a.styles, styles = _h === void 0 ? {} : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, restProps = tslib.__rest(_a, ["observeTokens", "observerParams", "className", "dataTestId", "forgotCodeBtnText", "showForgotCodeBtn", "onForgotBtnClick", "extraBounds", "messageClassName", "hover", "styles", "disabled"]);
@@ -53,17 +51,18 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
53
51
  return function () { return styleObserver === null || styleObserver === void 0 ? void 0 : styleObserver.disconnect(); };
54
52
  // eslint-disable-next-line react-hooks/exhaustive-deps
55
53
  }, [observeTokens]);
56
- return (React__default.default.createElement("div", { className: cn__default.default(commonStyles.component, styles.component, className, (_b = {},
57
- _b[commonStyles.hidden] = !params,
58
- _b[commonStyles.withForgotBtn] = showForgotCodeBtn,
59
- _b[commonStyles.disabled] = disabled,
54
+ return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, styles.component, className, (_b = {},
55
+ _b[index_module.hidden] = !params,
56
+ _b[index_module.withForgotBtn] = showForgotCodeBtn,
57
+ _b[index_module.disabled] = disabled,
60
58
  _b)), "data-test-id": dataTestId },
61
- React__default.default.createElement("div", { className: commonStyles.canvasContainer },
62
- React__default.default.createElement("div", { className: commonStyles.canvasInner },
59
+ React__default.default.createElement("div", { className: index_module.canvasContainer },
60
+ React__default.default.createElement("div", { className: index_module.canvasInner },
63
61
  React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })))),
64
- showForgotCodeBtn && (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
62
+ showForgotCodeBtn && (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(index_module.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
65
63
  });
66
64
  BasePatternLock.displayName = 'BasePatternLock';
67
65
  reactCanvasPatternLock.ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
68
66
 
69
67
  exports.BasePatternLock = BasePatternLock;
68
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../src/components/base-pattern-lock/Component.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport type { Theme, TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\nimport { ReactCanvasPatternLock } from '@alfalab/react-canvas-pattern-lock';\n\nimport {\n DEFAULT_EXTRA_BOUNDS,\n OBSERVABLE_TOKENS,\n OBSERVE_OPTIONS,\n THEME_STATE,\n} from '../../consts';\nimport type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';\nimport { getColorByToken, getDefaultObserveTarget, getSizes, getTheme } from '../../utils';\n\nimport commonStyles from './index.module.css';\n\nexport const BasePatternLock = forwardRef<\n TPatternLockInstance,\n CommonPatternLockProps & PrivatePatternLockProps\n>(\n (\n {\n observeTokens = false,\n observerParams = {},\n className,\n dataTestId,\n forgotCodeBtnText = 'Забыли код?',\n showForgotCodeBtn = false,\n onForgotBtnClick,\n extraBounds = DEFAULT_EXTRA_BOUNDS,\n messageClassName,\n hover,\n styles = {},\n disabled = false,\n ...restProps\n },\n ref,\n ) => {\n const [params, setParams] = useState<\n { theme: Theme; width: number; height: number } | undefined\n >();\n\n useEffect(() => {\n const { elementSizes, width, height } = getSizes();\n\n setParams({\n theme: getTheme(elementSizes),\n width,\n height,\n });\n }, []);\n\n useEffect(() => {\n let styleObserver: MutationObserver | null = null;\n\n if (observeTokens) {\n const { options = OBSERVE_OPTIONS, getTarget = getDefaultObserveTarget } =\n observerParams;\n\n styleObserver = new MutationObserver(() =>\n setParams((prevState) => {\n const { width, height, elementSizes } = getSizes();\n\n if (!prevState) {\n return { theme: getTheme(elementSizes), width, height };\n }\n\n const prevBgColor = prevState.theme[THEME_STATE.INITIAL].colors.primary;\n const themeChanged =\n prevBgColor !== getColorByToken(OBSERVABLE_TOKENS.PRIMARY);\n\n if (themeChanged) return { ...prevState, theme: getTheme(elementSizes) };\n\n return prevState;\n }),\n );\n\n styleObserver.observe(getTarget(), options);\n }\n\n return () => styleObserver?.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [observeTokens]);\n\n return (\n <div\n className={cn(commonStyles.component, styles.component, className, {\n [commonStyles.hidden]: !params,\n [commonStyles.withForgotBtn]: showForgotCodeBtn,\n [commonStyles.disabled]: disabled,\n })}\n data-test-id={dataTestId}\n >\n <div className={commonStyles.canvasContainer}>\n <div className={commonStyles.canvasInner}>\n <ReactCanvasPatternLock\n {...restProps}\n {...params}\n ref={ref}\n rows={3}\n cols={3}\n justifyNodes='space-between'\n extraBounds={extraBounds}\n hover={hover}\n />\n </div>\n </div>\n {showForgotCodeBtn && (\n <ButtonMobile\n view='transparent'\n className={cn(commonStyles.forgotBtn, styles.forgotBtn)}\n onClick={onForgotBtnClick}\n dataTestId={getDataTestId(dataTestId, 'forgot-code-btn')}\n >\n {forgotCodeBtnText}\n </ButtonMobile>\n )}\n </div>\n );\n },\n);\n\nBasePatternLock.displayName = 'BasePatternLock';\nReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';\n"],"names":["forwardRef","DEFAULT_EXTRA_BOUNDS","__rest","useState","useEffect","getSizes","getTheme","OBSERVE_OPTIONS","getDefaultObserveTarget","THEME_STATE","getColorByToken","OBSERVABLE_TOKENS","__assign","React","cn","commonStyles","ReactCanvasPatternLock","ButtonMobile","getDataTestId"],"mappings":"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"}
@@ -1,57 +1,36 @@
1
- /* hash: 1b679 */
2
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
- } :root {
7
-
8
- /* Hard */
9
-
10
- /* Up */
11
-
12
- /* Hard up */
13
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
-
15
- /* новые значения, используйте их */
16
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
- --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
-
19
- /* новые значения, используйте их */
20
-
21
- /* no-unit может приводить к проблемам в calc (#1559) */
22
- /* stylelint-disable-next-line length-zero-no-unit */
1
+ :root {
2
+ --gap-m: 16px;
23
3
  --gap-0: 0px;
24
4
  --gap-16: var(--gap-m);
25
5
  } :root {
26
- } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
27
6
  --size-xs-height: 40px;
28
- } /* сбрасывает синюю подсветку при нажатии */ :root {
7
+ } :root {
29
8
  --pattern-lock-min-width: 304px;
30
9
  --pattern-lock-min-height: 272px;
31
10
  --pattern-lock-with-forgot-btn-min-height: 336px;
32
- } .pattern-lock__component_1gq1e {
11
+ } .pattern-lock__component_10lfg {
33
12
  display: flex;
34
13
  flex-direction: column;
35
14
  align-items: center;
36
15
  box-sizing: border-box;
37
16
  min-height: var(--pattern-lock-min-height)
38
- } .pattern-lock__component_1gq1e canvas {
17
+ } .pattern-lock__component_10lfg canvas {
39
18
  display: block;
40
19
  margin: var(--gap-0) auto;
41
- } .pattern-lock__component_1gq1e .pattern-lock__canvasContainer_1gq1e {
20
+ } .pattern-lock__component_10lfg .pattern-lock__canvasContainer_10lfg {
42
21
  box-sizing: border-box;
43
22
  padding: var(--gap-16) var(--gap-16);
44
23
  min-width: var(--pattern-lock-min-width);
45
24
  min-height: var(--pattern-lock-min-height)
46
- } .pattern-lock__component_1gq1e .pattern-lock__canvasContainer_1gq1e .pattern-lock__canvasInner_1gq1e {
25
+ } .pattern-lock__component_10lfg .pattern-lock__canvasContainer_10lfg .pattern-lock__canvasInner_10lfg {
47
26
  box-sizing: border-box;
48
27
  padding: var(--gap-0) var(--gap-16);
49
28
  min-width: var(--pattern-lock-min-height);
50
- } .pattern-lock__component_1gq1e.pattern-lock__disabled_1gq1e {
29
+ } .pattern-lock__component_10lfg.pattern-lock__disabled_10lfg {
51
30
  pointer-events: none;
52
- } .pattern-lock__withForgotBtn_1gq1e {
31
+ } .pattern-lock__withForgotBtn_10lfg {
53
32
  min-height: var(--pattern-lock-with-forgot-btn-min-height);
54
- } .pattern-lock__forgotBtn_1gq1e {
33
+ } .pattern-lock__forgotBtn_10lfg {
55
34
  display: block;
56
35
  min-height: var(--size-xs-height);
57
36
  }
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
@@ -2,8 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_basePatternLock_Component = require('./Component.js');
5
+ var Component = require('./Component.js');
6
6
 
7
7
 
8
8
 
9
- exports.BasePatternLock = components_basePatternLock_Component.BasePatternLock;
9
+ exports.BasePatternLock = Component.BasePatternLock;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ require('./index.css');
4
+
5
+ var commonStyles = {"component":"pattern-lock__component_10lfg","canvasContainer":"pattern-lock__canvasContainer_10lfg","canvasInner":"pattern-lock__canvasInner_10lfg","disabled":"pattern-lock__disabled_10lfg","withForgotBtn":"pattern-lock__withForgotBtn_10lfg","forgotBtn":"pattern-lock__forgotBtn_10lfg"};
6
+
7
+ module.exports = commonStyles;
8
+ //# sourceMappingURL=index.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/base-pattern-lock/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.component {\n display: flex;\n flex-direction: column;\n align-items: center;\n box-sizing: border-box;\n min-height: var(--pattern-lock-min-height);\n\n & canvas {\n display: block;\n margin: var(--gap-0) auto;\n }\n\n & .canvasContainer {\n box-sizing: border-box;\n padding: var(--gap-16) var(--gap-16);\n min-width: var(--pattern-lock-min-width);\n min-height: var(--pattern-lock-min-height);\n\n & .canvasInner {\n box-sizing: border-box;\n padding: var(--gap-0) var(--gap-16);\n min-width: var(--pattern-lock-min-height);\n }\n }\n\n &.disabled {\n pointer-events: none;\n }\n}\n\n.withForgotBtn {\n min-height: var(--pattern-lock-with-forgot-btn-min-height);\n}\n\n.forgotBtn {\n display: block;\n min-height: var(--size-xs-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,iBAAiB,CAAC,qCAAqC,CAAC,aAAa,CAAC,iCAAiC,CAAC,UAAU,CAAC,8BAA8B,CAAC,eAAe,CAAC,mCAAmC,CAAC,WAAW,CAAC,+BAA+B,CAAC;;;;"}
package/consts.d.ts CHANGED
@@ -1,11 +1,10 @@
1
- import { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
2
- import { ObservableTokens } from "./typings";
3
- declare const OBSERVE_OPTIONS: MutationObserverInit;
4
- declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
5
- declare const OBSERVABLE_TOKENS: ObservableTokens;
6
- declare const THEME_STATE: {
1
+ import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
2
+ import type { ObservableTokens } from './typings';
3
+ export declare const OBSERVE_OPTIONS: MutationObserverInit;
4
+ export declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
5
+ export declare const OBSERVABLE_TOKENS: ObservableTokens;
6
+ export declare const THEME_STATE: {
7
7
  INITIAL: string;
8
8
  SUCCESS: string;
9
9
  FAILURE: string;
10
10
  };
11
- export { OBSERVE_OPTIONS, DEFAULT_EXTRA_BOUNDS, OBSERVABLE_TOKENS, THEME_STATE };
package/consts.js CHANGED
@@ -31,3 +31,4 @@ exports.DEFAULT_EXTRA_BOUNDS = DEFAULT_EXTRA_BOUNDS;
31
31
  exports.OBSERVABLE_TOKENS = OBSERVABLE_TOKENS;
32
32
  exports.OBSERVE_OPTIONS = OBSERVE_OPTIONS;
33
33
  exports.THEME_STATE = THEME_STATE;
34
+ //# sourceMappingURL=consts.js.map
package/consts.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consts.js","sources":["src/consts.ts"],"sourcesContent":["import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';\n\nimport type { ObservableTokens } from './typings';\n\nexport const OBSERVE_OPTIONS: MutationObserverInit = {\n childList: true,\n attributes: false,\n characterData: false,\n subtree: true,\n};\n\nexport const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'] = [75, 50, 75, 50];\n\nexport const OBSERVABLE_TOKENS: ObservableTokens = {\n ACCENT_INITIAL: '--color-light-neutral-0-inverted',\n ACCENT_SUCCESS: '--color-light-status-positive',\n ACCENT_FAILURE: '--color-light-status-negative',\n PRIMARY: '--color-light-neutral-500',\n RING_BG_INITIAL: '--color-light-neutral-translucent-200',\n SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-200-hover',\n SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',\n SELECTED_RING_BG_FAILURE: '--color-light-status-muted-negative',\n HOVER_INNER: '--color-light-neutral-500-hover',\n HOVER_OUTER: '--color-light-neutral-translucent-200-hover',\n};\n\nexport const THEME_STATE = {\n INITIAL: 'initial',\n SUCCESS: 'success',\n FAILURE: 'failure',\n};\n"],"names":[],"mappings":";;;;AAIa,IAAA,eAAe,GAAyB;AACjD,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,OAAO,EAAE,IAAI;;AAGV,IAAM,oBAAoB,GAAyC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAE5E,IAAA,iBAAiB,GAAqB;AAC/C,IAAA,cAAc,EAAE,kCAAkC;AAClD,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,OAAO,EAAE,2BAA2B;AACpC,IAAA,eAAe,EAAE,uCAAuC;AACxD,IAAA,wBAAwB,EAAE,6CAA6C;AACvE,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,WAAW,EAAE,iCAAiC;AAC9C,IAAA,WAAW,EAAE,6CAA6C;;AAGjD,IAAA,WAAW,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;;;;;;;;"}
@@ -1,6 +1,4 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
- import { PatternLockProps } from "./typings";
5
- declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
- export { PatternLock };
2
+ import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
3
+ import { PatternLockProps } from './typings';
4
+ export declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
8
- var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
- var mobile_Component_mobile = require('./mobile/Component.mobile.js');
7
+ var cssm = require('@alfalab/core-components-mq/cssm');
8
+ var Component_desktop = require('./desktop/Component.desktop.js');
9
+ var Component_mobile = require('./mobile/Component.mobile.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
12
 
@@ -14,10 +14,11 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
 
15
15
  var PatternLock = React.forwardRef(function (_a, ref) {
16
16
  var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue"]);
17
- var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
18
- var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;
17
+ var isDesktop = cssm.useIsDesktop(breakpoint, defaultMatchMediaValue);
18
+ var Component = isDesktop ? Component_desktop.PatternLockDesktop : Component_mobile.PatternLockMobile;
19
19
  return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
20
20
  });
21
21
  PatternLock.displayName = 'PatternLock';
22
22
 
23
23
  exports.PatternLock = PatternLock;
24
+ //# sourceMappingURL=Component.responsive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\n\nimport { PatternLockDesktop } from './desktop';\nimport { PatternLockMobile } from './mobile';\nimport { PatternLockProps } from './typings';\n\nexport const PatternLock = forwardRef<TPatternLockInstance, PatternLockProps>(\n (\n {\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n const Component = isDesktop ? PatternLockDesktop : PatternLockMobile;\n\n return <Component ref={ref} {...restProps} />;\n },\n);\n\nPatternLock.displayName = 'PatternLock';\n"],"names":["forwardRef","__rest","useIsDesktop","PatternLockDesktop","PatternLockMobile","React","__assign"],"mappings":";;;;;;;;;;;;;;IASa,WAAW,GAAGA,gBAAU,CACjC,UACI,EAKC,EACD,GAAG,EAAA;AALC,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,wBAAA,CAKC,CADe;IAIhB,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAGC,oCAAkB,GAAGC,kCAAiB;IAEpE,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,SAAS,CAAA,CAAI;AACjD,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
@@ -1,6 +1,4 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
- import { CommonPatternLockProps, PrivatePatternLockProps } from "../../typings";
5
- declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
6
- export { BasePatternLock };
2
+ import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
3
+ import type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';
4
+ export declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
@@ -6,7 +6,7 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var mobile = require('@alfalab/core-components-button/cssm/mobile');
9
- var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
9
+ var cssm = require('@alfalab/core-components-shared/cssm');
10
10
  var reactCanvasPatternLock = require('@alfalab/react-canvas-pattern-lock');
11
11
  var consts = require('../../consts.js');
12
12
  var utils = require('../../utils.js');
@@ -60,9 +60,10 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
60
60
  React__default.default.createElement("div", { className: commonStyles__default.default.canvasContainer },
61
61
  React__default.default.createElement("div", { className: commonStyles__default.default.canvasInner },
62
62
  React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })))),
63
- showForgotCodeBtn && (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(commonStyles__default.default.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
63
+ showForgotCodeBtn && (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(commonStyles__default.default.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: cssm.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
64
64
  });
65
65
  BasePatternLock.displayName = 'BasePatternLock';
66
66
  reactCanvasPatternLock.ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
67
67
 
68
68
  exports.BasePatternLock = BasePatternLock;
69
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../../src/components/base-pattern-lock/Component.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport type { Theme, TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\nimport { ReactCanvasPatternLock } from '@alfalab/react-canvas-pattern-lock';\n\nimport {\n DEFAULT_EXTRA_BOUNDS,\n OBSERVABLE_TOKENS,\n OBSERVE_OPTIONS,\n THEME_STATE,\n} from '../../consts';\nimport type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';\nimport { getColorByToken, getDefaultObserveTarget, getSizes, getTheme } from '../../utils';\n\nimport commonStyles from './index.module.css';\n\nexport const BasePatternLock = forwardRef<\n TPatternLockInstance,\n CommonPatternLockProps & PrivatePatternLockProps\n>(\n (\n {\n observeTokens = false,\n observerParams = {},\n className,\n dataTestId,\n forgotCodeBtnText = 'Забыли код?',\n showForgotCodeBtn = false,\n onForgotBtnClick,\n extraBounds = DEFAULT_EXTRA_BOUNDS,\n messageClassName,\n hover,\n styles = {},\n disabled = false,\n ...restProps\n },\n ref,\n ) => {\n const [params, setParams] = useState<\n { theme: Theme; width: number; height: number } | undefined\n >();\n\n useEffect(() => {\n const { elementSizes, width, height } = getSizes();\n\n setParams({\n theme: getTheme(elementSizes),\n width,\n height,\n });\n }, []);\n\n useEffect(() => {\n let styleObserver: MutationObserver | null = null;\n\n if (observeTokens) {\n const { options = OBSERVE_OPTIONS, getTarget = getDefaultObserveTarget } =\n observerParams;\n\n styleObserver = new MutationObserver(() =>\n setParams((prevState) => {\n const { width, height, elementSizes } = getSizes();\n\n if (!prevState) {\n return { theme: getTheme(elementSizes), width, height };\n }\n\n const prevBgColor = prevState.theme[THEME_STATE.INITIAL].colors.primary;\n const themeChanged =\n prevBgColor !== getColorByToken(OBSERVABLE_TOKENS.PRIMARY);\n\n if (themeChanged) return { ...prevState, theme: getTheme(elementSizes) };\n\n return prevState;\n }),\n );\n\n styleObserver.observe(getTarget(), options);\n }\n\n return () => styleObserver?.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [observeTokens]);\n\n return (\n <div\n className={cn(commonStyles.component, styles.component, className, {\n [commonStyles.hidden]: !params,\n [commonStyles.withForgotBtn]: showForgotCodeBtn,\n [commonStyles.disabled]: disabled,\n })}\n data-test-id={dataTestId}\n >\n <div className={commonStyles.canvasContainer}>\n <div className={commonStyles.canvasInner}>\n <ReactCanvasPatternLock\n {...restProps}\n {...params}\n ref={ref}\n rows={3}\n cols={3}\n justifyNodes='space-between'\n extraBounds={extraBounds}\n hover={hover}\n />\n </div>\n </div>\n {showForgotCodeBtn && (\n <ButtonMobile\n view='transparent'\n className={cn(commonStyles.forgotBtn, styles.forgotBtn)}\n onClick={onForgotBtnClick}\n dataTestId={getDataTestId(dataTestId, 'forgot-code-btn')}\n >\n {forgotCodeBtnText}\n </ButtonMobile>\n )}\n </div>\n );\n },\n);\n\nBasePatternLock.displayName = 'BasePatternLock';\nReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';\n"],"names":["forwardRef","DEFAULT_EXTRA_BOUNDS","__rest","useState","useEffect","getSizes","getTheme","OBSERVE_OPTIONS","getDefaultObserveTarget","THEME_STATE","getColorByToken","OBSERVABLE_TOKENS","__assign","React","cn","commonStyles","ReactCanvasPatternLock","ButtonMobile","getDataTestId"],"mappings":"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"}
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
@@ -2,8 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_basePatternLock_Component = require('./Component.js');
5
+ var Component = require('./Component.js');
6
6
 
7
7
 
8
8
 
9
- exports.BasePatternLock = components_basePatternLock_Component.BasePatternLock;
9
+ exports.BasePatternLock = Component.BasePatternLock;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,30 +1,10 @@
1
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
- } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
- } :root {
6
-
7
- /* Hard */
8
-
9
- /* Up */
10
-
11
- /* Hard up */
12
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
-
14
- /* новые значения, используйте их */
15
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
- --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
-
18
- /* новые значения, используйте их */
19
-
20
- /* no-unit может приводить к проблемам в calc (#1559) */
21
- /* stylelint-disable-next-line length-zero-no-unit */
1
+ :root {
2
+ --gap-m: 16px;
22
3
  --gap-0: 0px;
23
4
  --gap-16: var(--gap-m);
24
5
  } :root {
25
- } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
26
6
  --size-xs-height: 40px;
27
- } /* сбрасывает синюю подсветку при нажатии */ :root {
7
+ } :root {
28
8
  --pattern-lock-min-width: 304px;
29
9
  --pattern-lock-min-height: 272px;
30
10
  --pattern-lock-with-forgot-btn-min-height: 336px;
package/cssm/consts.d.ts CHANGED
@@ -1,11 +1,10 @@
1
- import { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
2
- import { ObservableTokens } from "./typings";
3
- declare const OBSERVE_OPTIONS: MutationObserverInit;
4
- declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
5
- declare const OBSERVABLE_TOKENS: ObservableTokens;
6
- declare const THEME_STATE: {
1
+ import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
2
+ import type { ObservableTokens } from './typings';
3
+ export declare const OBSERVE_OPTIONS: MutationObserverInit;
4
+ export declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
5
+ export declare const OBSERVABLE_TOKENS: ObservableTokens;
6
+ export declare const THEME_STATE: {
7
7
  INITIAL: string;
8
8
  SUCCESS: string;
9
9
  FAILURE: string;
10
10
  };
11
- export { OBSERVE_OPTIONS, DEFAULT_EXTRA_BOUNDS, OBSERVABLE_TOKENS, THEME_STATE };
package/cssm/consts.js CHANGED
@@ -31,3 +31,4 @@ exports.DEFAULT_EXTRA_BOUNDS = DEFAULT_EXTRA_BOUNDS;
31
31
  exports.OBSERVABLE_TOKENS = OBSERVABLE_TOKENS;
32
32
  exports.OBSERVE_OPTIONS = OBSERVE_OPTIONS;
33
33
  exports.THEME_STATE = THEME_STATE;
34
+ //# sourceMappingURL=consts.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consts.js","sources":["../src/consts.ts"],"sourcesContent":["import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';\n\nimport type { ObservableTokens } from './typings';\n\nexport const OBSERVE_OPTIONS: MutationObserverInit = {\n childList: true,\n attributes: false,\n characterData: false,\n subtree: true,\n};\n\nexport const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'] = [75, 50, 75, 50];\n\nexport const OBSERVABLE_TOKENS: ObservableTokens = {\n ACCENT_INITIAL: '--color-light-neutral-0-inverted',\n ACCENT_SUCCESS: '--color-light-status-positive',\n ACCENT_FAILURE: '--color-light-status-negative',\n PRIMARY: '--color-light-neutral-500',\n RING_BG_INITIAL: '--color-light-neutral-translucent-200',\n SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-200-hover',\n SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',\n SELECTED_RING_BG_FAILURE: '--color-light-status-muted-negative',\n HOVER_INNER: '--color-light-neutral-500-hover',\n HOVER_OUTER: '--color-light-neutral-translucent-200-hover',\n};\n\nexport const THEME_STATE = {\n INITIAL: 'initial',\n SUCCESS: 'success',\n FAILURE: 'failure',\n};\n"],"names":[],"mappings":";;;;AAIa,IAAA,eAAe,GAAyB;AACjD,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,OAAO,EAAE,IAAI;;AAGV,IAAM,oBAAoB,GAAyC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAE5E,IAAA,iBAAiB,GAAqB;AAC/C,IAAA,cAAc,EAAE,kCAAkC;AAClD,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,OAAO,EAAE,2BAA2B;AACpC,IAAA,eAAe,EAAE,uCAAuC;AACxD,IAAA,wBAAwB,EAAE,6CAA6C;AACvE,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,WAAW,EAAE,iCAAiC;AAC9C,IAAA,WAAW,EAAE,6CAA6C;;AAGjD,IAAA,WAAW,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;;;;;;;;"}
@@ -1,6 +1,4 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
- import { CommonPatternLockProps } from "../typings";
5
- declare const PatternLockDesktop: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
- export { PatternLockDesktop };
2
+ import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
3
+ import { CommonPatternLockProps } from '../typings';
4
+ export declare const PatternLockDesktop: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var components_basePatternLock_Component = require('../components/base-pattern-lock/Component.js');
7
+ var Component = require('../components/base-pattern-lock/Component.js');
8
8
  var styles = require('./desktop.module.css');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,7 +12,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
14
14
 
15
- var PatternLockDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: styles__default.default })); });
15
+ var PatternLockDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: styles__default.default })); });
16
16
  PatternLockDesktop.displayName = 'PatternLockDesktop';
17
17
 
18
18
  exports.PatternLockDesktop = PatternLockDesktop;
19
+ //# sourceMappingURL=Component.desktop.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\n\nimport { BasePatternLock } from '../components/base-pattern-lock';\nimport { CommonPatternLockProps } from '../typings';\n\nimport styles from './desktop.module.css';\n\nexport const PatternLockDesktop = forwardRef<TPatternLockInstance, CommonPatternLockProps>(\n (restProps, ref) => <BasePatternLock {...restProps} hover={true} ref={ref} styles={styles} />,\n);\n\nPatternLockDesktop.displayName = 'PatternLockDesktop';\n"],"names":["forwardRef","React","BasePatternLock","__assign","styles"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,kBAAkB,GAAGA,gBAAU,CACxC,UAAC,SAAS,EAAE,GAAG,EAAA,EAAK,OAAAC,sBAAA,CAAA,aAAA,CAACC,yBAAe,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAE,EAAA,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAEC,uBAAM,EAAA,CAAA,CAAI,CAAzE,EAAyE;AAGjG,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}