@salutejs/plasma-new-hope 0.326.0-canary.1973.15492799823.0 → 0.326.0-canary.1973.15523989355.0

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 (91) hide show
  1. package/cjs/components/CodeInput/CodeInput.css +1 -1
  2. package/cjs/components/CodeInput/CodeInput.js +14 -30
  3. package/cjs/components/CodeInput/CodeInput.js.map +1 -1
  4. package/cjs/components/CodeInput/CodeInput.tokens.js +12 -37
  5. package/cjs/components/CodeInput/CodeInput.tokens.js.map +1 -1
  6. package/cjs/components/CodeInput/variations/_size/base.js +1 -1
  7. package/cjs/components/CodeInput/variations/_size/base.js.map +1 -1
  8. package/cjs/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
  9. package/cjs/index.css +1 -1
  10. package/cjs/index.js +0 -2
  11. package/cjs/index.js.map +1 -1
  12. package/emotion/cjs/components/CodeInput/CodeInput.js +12 -27
  13. package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +12 -30
  14. package/emotion/cjs/components/CodeInput/index.js +1 -8
  15. package/emotion/cjs/components/CodeInput/utils/index.js +6 -26
  16. package/emotion/cjs/components/CodeInput/variations/_size/base.js +16 -1
  17. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
  18. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
  19. package/emotion/es/components/CodeInput/CodeInput.js +13 -28
  20. package/emotion/es/components/CodeInput/CodeInput.tokens.js +12 -30
  21. package/emotion/es/components/CodeInput/index.js +1 -2
  22. package/emotion/es/components/CodeInput/utils/index.js +2 -3
  23. package/emotion/es/components/CodeInput/variations/_size/base.js +16 -1
  24. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +6 -10
  25. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +6 -10
  26. package/es/components/CodeInput/CodeInput.css +1 -1
  27. package/es/components/CodeInput/CodeInput.js +14 -30
  28. package/es/components/CodeInput/CodeInput.js.map +1 -1
  29. package/es/components/CodeInput/CodeInput.tokens.js +13 -37
  30. package/es/components/CodeInput/CodeInput.tokens.js.map +1 -1
  31. package/es/components/CodeInput/variations/_size/base.js +1 -1
  32. package/es/components/CodeInput/variations/_size/base.js.map +1 -1
  33. package/es/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
  34. package/es/index.css +1 -1
  35. package/es/index.js +0 -1
  36. package/es/index.js.map +1 -1
  37. package/package.json +5 -5
  38. package/styled-components/cjs/components/CodeInput/CodeInput.js +12 -27
  39. package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +12 -30
  40. package/styled-components/cjs/components/CodeInput/index.js +1 -8
  41. package/styled-components/cjs/components/CodeInput/utils/index.js +6 -26
  42. package/styled-components/cjs/components/CodeInput/variations/_size/base.js +16 -1
  43. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +4 -8
  44. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +4 -8
  45. package/styled-components/es/components/CodeInput/CodeInput.js +13 -28
  46. package/styled-components/es/components/CodeInput/CodeInput.tokens.js +12 -30
  47. package/styled-components/es/components/CodeInput/index.js +1 -2
  48. package/styled-components/es/components/CodeInput/utils/index.js +2 -3
  49. package/styled-components/es/components/CodeInput/variations/_size/base.js +16 -1
  50. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
  51. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
  52. package/types/components/CodeInput/CodeInput.d.ts.map +1 -1
  53. package/types/components/CodeInput/CodeInput.tokens.d.ts +12 -30
  54. package/types/components/CodeInput/CodeInput.tokens.d.ts.map +1 -1
  55. package/types/components/CodeInput/index.d.ts +0 -1
  56. package/types/components/CodeInput/index.d.ts.map +1 -1
  57. package/types/components/CodeInput/utils/index.d.ts +2 -3
  58. package/types/components/CodeInput/utils/index.d.ts.map +1 -1
  59. package/types/components/CodeInput/variations/_size/base.d.ts.map +1 -1
  60. package/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -49
  61. package/cjs/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  62. package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
  63. package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
  64. package/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -33
  65. package/cjs/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  66. package/cjs/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  67. package/emotion/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  68. package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  69. package/emotion/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  70. package/emotion/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  71. package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
  72. package/emotion/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  73. package/es/components/CodeInput/utils/generateMediaQuery.js +0 -43
  74. package/es/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  75. package/es/components/CodeInput/utils/handleCodeError.js +0 -51
  76. package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
  77. package/es/components/CodeInput/utils/initialValuesHelper.js +0 -27
  78. package/es/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  79. package/es/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  80. package/styled-components/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  81. package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  82. package/styled-components/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  83. package/styled-components/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  84. package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
  85. package/styled-components/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  86. package/types/components/CodeInput/utils/generateMediaQuery.d.ts +0 -12
  87. package/types/components/CodeInput/utils/generateMediaQuery.d.ts.map +0 -1
  88. package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
  89. package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
  90. package/types/components/CodeInput/utils/initialValuesHelper.d.ts +0 -4
  91. package/types/components/CodeInput/utils/initialValuesHelper.d.ts.map +0 -1
@@ -1,52 +0,0 @@
1
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
5
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
6
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
7
- import { classes } from "../CodeInput.tokens";
8
- import { ANIMATION_TIMEOUT } from "./constants";
9
- import { getCodeValue } from "./initialValuesHelper";
10
- export var handleCodeError = function handleCodeError(_ref) {
11
- var _captionRef$current, _captionRef$current2;
12
- var codeLength = _ref.codeLength,
13
- codeErrorBehavior = _ref.codeErrorBehavior,
14
- currentCode = _ref.currentCode,
15
- inputRefs = _ref.inputRefs,
16
- inputContainerRef = _ref.inputContainerRef,
17
- captionRef = _ref.captionRef,
18
- setCode = _ref.setCode,
19
- codeSetter = _ref.codeSetter;
20
- if (!inputContainerRef.current) {
21
- return;
22
- }
23
- switch (codeErrorBehavior) {
24
- case 'keep':
25
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);
26
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(classes.captionError);
27
- setTimeout(function () {
28
- var _inputContainerRef$cu;
29
- var newCode = _toConsumableArray(currentCode);
30
- newCode.pop();
31
- codeSetter(newCode);
32
- setCode(currentCode);
33
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(classes.codeErrorAnimation);
34
- setTimeout(function () {
35
- var _inputRefs$current, _inputRefs$current2;
36
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
37
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
38
- }, 0);
39
- }, ANIMATION_TIMEOUT);
40
- break;
41
- case 'remove-code':
42
- default:
43
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
44
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(classes.captionError);
45
- setTimeout(function () {
46
- var _inputRefs$current$, _inputContainerRef$cu2;
47
- codeSetter(getCodeValue(codeLength, ''));
48
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
49
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
50
- }, ANIMATION_TIMEOUT);
51
- }
52
- };
@@ -1,24 +0,0 @@
1
- export var getFieldPattern = function getFieldPattern(allowedSymbols) {
2
- if (!allowedSymbols) {
3
- return null;
4
- }
5
- if (typeof allowedSymbols === 'string') {
6
- return new RegExp(allowedSymbols, 'g');
7
- }
8
- return allowedSymbols;
9
- };
10
- export var getCodeValue = function getCodeValue(codeLength, value) {
11
- if (!value.length) {
12
- return new Array(codeLength).fill('');
13
- }
14
- return value.slice(0, codeLength).split('');
15
- };
16
- export var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
17
- if (!placeholder || typeof placeholder !== 'string') {
18
- return null;
19
- }
20
- if (placeholder.length === 1) {
21
- return Array(codeLength).fill(placeholder);
22
- }
23
- return placeholder.slice(0, codeLength).split('');
24
- };
@@ -1,43 +0,0 @@
1
- import { privateTokens, tokens } from '../CodeInput.tokens.js';
2
-
3
- var getCodeInputViewClass = function getCodeInputViewClass(view) {
4
- return "codeinput-".concat(view, "-view");
5
- };
6
- var tokenPrefix = '--plasma-codeinput-';
7
- var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
8
-
9
- /**
10
- * Генерирует набор медиа-запросов под различную ширину вьюпорта
11
- *
12
- * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
13
- * @return {string} сгенерированный набор медиа-запросов
14
- */
15
- var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
16
- return gridSizes.map(function (size) {
17
- if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
18
- return;
19
- }
20
- var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
21
- var itemWidth = tokens["".concat(size, "CodeItemWidth")];
22
- var itemHeight = tokens["".concat(size, "CodeItemHeight")];
23
- var fontSize = tokens["".concat(size, "FontSize")];
24
- var lineHeight = tokens["".concat(size, "LineHeight")];
25
- return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
26
- }).filter(function (style) {
27
- return style;
28
- }).join('\n');
29
- };
30
-
31
- /**
32
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
33
- *
34
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
35
- * @param {string} viewName - название view из конфига
36
- * @return {string} стили для обертки Grid
37
- */
38
- var getCodeInputView = function getCodeInputView(breakponts, viewName) {
39
- return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
40
- };
41
-
42
- export { getCodeInputView, getCodeInputViewClass, gridSizes };
43
- //# sourceMappingURL=generateMediaQuery.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"generateMediaQuery.js","sources":["../../../../src/components/CodeInput/utils/generateMediaQuery.ts"],"sourcesContent":["import { privateTokens, tokens } from '../CodeInput.tokens';\n\nimport type { BreakpointTokens, ScreenVariant, TokensType } from './types';\n\nexport const getCodeInputViewClass = (view: string) => {\n return `codeinput-${view}-view`;\n};\n\nconst tokenPrefix = '--plasma-codeinput-';\n\nexport const gridSizes: Array<ScreenVariant> = [\n 'smallXXS',\n 'smallXS',\n 'smallS',\n 'smallM',\n 'smallL',\n 'smallXL',\n 'smallXXL',\n 'mediumXXS',\n 'mediumXS',\n 'mediumS',\n 'mediumM',\n 'mediumL',\n 'mediumXL',\n 'mediumXXL',\n 'largeXXS',\n 'largeXS',\n 'largeS',\n 'largeM',\n 'largeL',\n 'largeXL',\n 'largeXXL',\n];\n\n/**\n * Генерирует набор медиа-запросов под различную ширину вьюпорта\n *\n * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта\n * @return {string} сгенерированный набор медиа-запросов\n */\nconst gridMediaQueryTemplate = (breakpoints: BreakpointTokens): string => {\n return gridSizes\n .map((size) => {\n if (!String(breakpoints[`${tokenPrefix}${size}-min-width`])) {\n return;\n }\n\n const minWidth = breakpoints[`${tokenPrefix}${size}-min-width` as keyof typeof breakpoints];\n const itemWidth = tokens[`${size}CodeItemWidth` as TokensType];\n const itemHeight = tokens[`${size}CodeItemHeight` as TokensType];\n const fontSize = tokens[`${size}FontSize` as TokensType];\n const lineHeight = tokens[`${size}LineHeight` as TokensType];\n\n return `\n @media (min-width: ${minWidth}) {\n ${privateTokens.fontSize}: var(${fontSize});\n ${privateTokens.lineHeight}: var(${lineHeight});\n ${privateTokens.itemWidth}: var(${itemWidth});\n ${privateTokens.itemHeight}: var(${itemHeight});\n }\n `;\n })\n .filter((style) => style)\n .join('\\n');\n};\n\n/**\n * Генерирует строку со стилями для обертки Grid и набором медиа-запросов\n *\n * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта\n * @param {string} viewName - название view из конфига\n * @return {string} стили для обертки Grid\n */\nexport const getCodeInputView = (breakponts: BreakpointTokens, viewName: string) => {\n return `\n &.${getCodeInputViewClass(viewName)} {\n ${gridMediaQueryTemplate(breakponts)}\n }\n `;\n};\n"],"names":["getCodeInputViewClass","view","concat","tokenPrefix","gridSizes","gridMediaQueryTemplate","breakpoints","map","size","String","minWidth","itemWidth","tokens","itemHeight","fontSize","lineHeight","privateTokens","filter","style","join","getCodeInputView","breakponts","viewName"],"mappings":";;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,IAAY,EAAK;EACnD,OAAAC,YAAAA,CAAAA,MAAA,CAAoBD,IAAI,EAAA,OAAA,CAAA,CAAA;AAC5B,EAAC;AAED,IAAME,WAAW,GAAG,qBAAqB,CAAA;AAElC,IAAMC,SAA+B,GAAG,CAC3C,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACb;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,WAA6B,EAAa;AACtE,EAAA,OAAOF,SAAS,CACXG,GAAG,CAAC,UAACC,IAAI,EAAK;AACX,IAAA,IAAI,CAACC,MAAM,CAACH,WAAW,IAAAJ,MAAA,CAAIC,WAAW,CAAA,CAAAD,MAAA,CAAGM,IAAI,EAAA,YAAA,CAAA,CAAa,CAAC,EAAE;AACzD,MAAA,OAAA;AACJ,KAAA;IAEA,IAAME,QAAQ,GAAGJ,WAAW,CAAAJ,EAAAA,CAAAA,MAAA,CAAIC,WAAW,CAAAD,CAAAA,MAAA,CAAGM,IAAI,EAAyC,YAAA,CAAA,CAAA,CAAA;AAC3F,IAAA,IAAMG,SAAS,GAAGC,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAA8B,eAAA,CAAA,CAAA,CAAA;AAC9D,IAAA,IAAMK,UAAU,GAAGD,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAA+B,gBAAA,CAAA,CAAA,CAAA;AAChE,IAAA,IAAMM,QAAQ,GAAGF,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAAyB,UAAA,CAAA,CAAA,CAAA;AACxD,IAAA,IAAMO,UAAU,GAAGH,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAA2B,YAAA,CAAA,CAAA,CAAA;AAE5D,IAAA,OAAA,uCAAA,CAAAN,MAAA,CACyBQ,QAAQ,+BAAAR,MAAA,CACvBc,aAAa,CAACF,QAAQ,YAAAZ,MAAA,CAASY,QAAQ,EAAAZ,0BAAAA,CAAAA,CAAAA,MAAA,CACvCc,aAAa,CAACD,UAAU,EAAAb,QAAAA,CAAAA,CAAAA,MAAA,CAASa,UAAU,8BAAAb,MAAA,CAC3Cc,aAAa,CAACL,SAAS,YAAAT,MAAA,CAASS,SAAS,EAAAT,0BAAAA,CAAAA,CAAAA,MAAA,CACzCc,aAAa,CAACH,UAAU,EAAAX,QAAAA,CAAAA,CAAAA,MAAA,CAASW,UAAU,EAAA,qCAAA,CAAA,CAAA;AAGzD,GAAC,CAAC,CACDI,MAAM,CAAC,UAACC,KAAK,EAAA;AAAA,IAAA,OAAKA,KAAK,CAAA;AAAA,GAAA,CAAC,CACxBC,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAA4B,EAAEC,QAAgB,EAAK;AAChF,EAAA,OAAA,cAAA,CAAApB,MAAA,CACQF,qBAAqB,CAACsB,QAAQ,CAAC,EAAApB,kBAAAA,CAAAA,CAAAA,MAAA,CAC7BG,sBAAsB,CAACgB,UAAU,CAAC,EAAA,mBAAA,CAAA,CAAA;AAGhD;;;;"}
@@ -1,51 +0,0 @@
1
- import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import { classes } from '../CodeInput.tokens.js';
3
- import { ANIMATION_TIMEOUT } from './constants.js';
4
- import { getCodeValue } from './initialValuesHelper.js';
5
-
6
- var handleCodeError = function handleCodeError(_ref) {
7
- var _captionRef$current, _captionRef$current2;
8
- var codeLength = _ref.codeLength,
9
- codeErrorBehavior = _ref.codeErrorBehavior,
10
- currentCode = _ref.currentCode,
11
- inputRefs = _ref.inputRefs,
12
- inputContainerRef = _ref.inputContainerRef,
13
- captionRef = _ref.captionRef,
14
- setCode = _ref.setCode,
15
- codeSetter = _ref.codeSetter;
16
- if (!inputContainerRef.current) {
17
- return;
18
- }
19
- switch (codeErrorBehavior) {
20
- case 'keep':
21
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);
22
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(classes.captionError);
23
- setTimeout(function () {
24
- var _inputContainerRef$cu;
25
- var newCode = _toConsumableArray(currentCode);
26
- newCode.pop();
27
- codeSetter(newCode);
28
- setCode(currentCode);
29
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(classes.codeErrorAnimation);
30
- setTimeout(function () {
31
- var _inputRefs$current, _inputRefs$current2;
32
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
33
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
34
- }, 0);
35
- }, ANIMATION_TIMEOUT);
36
- break;
37
- case 'remove-code':
38
- default:
39
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
40
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(classes.captionError);
41
- setTimeout(function () {
42
- var _inputRefs$current$, _inputContainerRef$cu2;
43
- codeSetter(getCodeValue(codeLength, ''));
44
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
45
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
46
- }, ANIMATION_TIMEOUT);
47
- }
48
- };
49
-
50
- export { handleCodeError };
51
- //# sourceMappingURL=handleCodeError.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeInput.types';\nimport { classes } from '../CodeInput.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n codeLength: number;\n codeErrorBehavior: CodeErrorBehavior;\n currentCode: Array<string>;\n inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n captionRef: MutableRefObject<HTMLDivElement | null>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n codeLength,\n codeErrorBehavior,\n currentCode,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputContainerRef.current) {\n return;\n }\n\n switch (codeErrorBehavior) {\n case 'keep':\n inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n const newCode = [...currentCode];\n\n newCode.pop();\n codeSetter(newCode);\n setCode(currentCode);\n\n inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n inputRefs.current[inputRefs.current.length - 1]?.focus();\n }, 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'remove-code':\n default:\n inputContainerRef.current.classList.add(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n codeSetter(getCodeValue(codeLength, ''));\n\n inputRefs.current[0]?.focus();\n inputContainerRef.current?.classList.remove(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setCode","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":"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"}
@@ -1,27 +0,0 @@
1
- var getFieldPattern = function getFieldPattern(allowedSymbols) {
2
- if (!allowedSymbols) {
3
- return null;
4
- }
5
- if (typeof allowedSymbols === 'string') {
6
- return new RegExp(allowedSymbols, 'g');
7
- }
8
- return allowedSymbols;
9
- };
10
- var getCodeValue = function getCodeValue(codeLength, value) {
11
- if (!value.length) {
12
- return new Array(codeLength).fill('');
13
- }
14
- return value.slice(0, codeLength).split('');
15
- };
16
- var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
17
- if (!placeholder || typeof placeholder !== 'string') {
18
- return null;
19
- }
20
- if (placeholder.length === 1) {
21
- return Array(codeLength).fill(placeholder);
22
- }
23
- return placeholder.slice(0, codeLength).split('');
24
- };
25
-
26
- export { getCodeValue, getFieldPattern, getPlaceholderValue };
27
- //# sourceMappingURL=initialValuesHelper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"initialValuesHelper.js","sources":["../../../../src/components/CodeInput/utils/initialValuesHelper.ts"],"sourcesContent":["export const getFieldPattern = (allowedSymbols: RegExp | string) => {\n if (!allowedSymbols) {\n return null;\n }\n\n if (typeof allowedSymbols === 'string') {\n return new RegExp(allowedSymbols, 'g');\n }\n\n return allowedSymbols;\n};\n\nexport const getCodeValue = (codeLength: number, value: string): Array<string> => {\n if (!value.length) {\n return new Array(codeLength).fill('');\n }\n\n return value.slice(0, codeLength).split('');\n};\n\nexport const getPlaceholderValue = (codeLength: number, placeholder?: string): null | string[] => {\n if (!placeholder || typeof placeholder !== 'string') {\n return null;\n }\n\n if (placeholder.length === 1) {\n return Array(codeLength).fill(placeholder);\n }\n\n return placeholder.slice(0, codeLength).split('');\n};\n"],"names":["getFieldPattern","allowedSymbols","RegExp","getCodeValue","codeLength","value","length","Array","fill","slice","split","getPlaceholderValue","placeholder"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,cAA+B,EAAK;EAChE,IAAI,CAACA,cAAc,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAI,OAAOA,cAAc,KAAK,QAAQ,EAAE;AACpC,IAAA,OAAO,IAAIC,MAAM,CAACD,cAAc,EAAE,GAAG,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,OAAOA,cAAc,CAAA;AACzB,EAAC;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa,EAAoB;AAC9E,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IACf,OAAO,IAAIC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AAC/C,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,UAAkB,EAAEQ,WAAoB,EAAsB;AAC9F,EAAA,IAAI,CAACA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;AACjD,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAIA,WAAW,CAACN,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAACI,WAAW,CAAC,CAAA;AAC9C,GAAA;AAEA,EAAA,OAAOA,WAAW,CAACH,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AACrD;;;;"}
@@ -1 +0,0 @@
1
- .bbkzv6b{gap:var(--plasma-codeinput-caption-gap);}.bbkzv6b .c1fux591,.bbkzv6b .cuja080{gap:var(--plasma-codeinput-code-item-gap);}.bbkzv6b .i16menav{font-size:var(--private-codeinput-font-size);font-family:var(--plasma-codeinput-font-family);font-style:var(--plasma-codeinput-font-style);font-weight:var(--plasma-codeinput-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-letter-spacing);letter-spacing:var(--plasma-codeinput-letter-spacing);line-height:var(--private-codeinput-line-height);width:var(--private-codeinput-item-width);height:var(--private-codeinput-item-hieght);}.bbkzv6b .c19x1gm7{font-family:var(--plasma-codeinput-caption-font-family);font-size:var(--plasma-codeinput-caption-font-style);font-style:var(--plasma-codeinput-caption-font-size);font-weight:var(--plasma-codeinput-caption-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);letter-spacing:var(--plasma-codeinput-caption-letter-spacing);line-height:var(--plasma-codeinput-caption-line-height);}
@@ -1,45 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.gridSizes = exports.getCodeInputViewClass = exports.getCodeInputView = void 0;
7
- var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
8
- var getCodeInputViewClass = exports.getCodeInputViewClass = function getCodeInputViewClass(view) {
9
- return "codeinput-".concat(view, "-view");
10
- };
11
- var tokenPrefix = '--plasma-codeinput-';
12
- var gridSizes = exports.gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
13
-
14
- /**
15
- * Генерирует набор медиа-запросов под различную ширину вьюпорта
16
- *
17
- * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
18
- * @return {string} сгенерированный набор медиа-запросов
19
- */
20
- var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
21
- return gridSizes.map(function (size) {
22
- if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
23
- return;
24
- }
25
- var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
26
- var itemWidth = _CodeInput.tokens["".concat(size, "CodeItemWidth")];
27
- var itemHeight = _CodeInput.tokens["".concat(size, "CodeItemHeight")];
28
- var fontSize = _CodeInput.tokens["".concat(size, "FontSize")];
29
- var lineHeight = _CodeInput.tokens["".concat(size, "LineHeight")];
30
- return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(_CodeInput.privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(_CodeInput.privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(_CodeInput.privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(_CodeInput.privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
31
- }).filter(function (style) {
32
- return style;
33
- }).join('\n');
34
- };
35
-
36
- /**
37
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
38
- *
39
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
40
- * @param {string} viewName - название view из конфига
41
- * @return {string} стили для обертки Grid
42
- */
43
- var getCodeInputView = exports.getCodeInputView = function getCodeInputView(breakponts, viewName) {
44
- return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
45
- };
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.handleCodeError = void 0;
7
- var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
8
- var _constants = /*#__PURE__*/require("./constants");
9
- var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
10
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
11
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
12
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
13
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
14
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
15
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
16
- var handleCodeError = exports.handleCodeError = function handleCodeError(_ref) {
17
- var _captionRef$current, _captionRef$current2;
18
- var codeLength = _ref.codeLength,
19
- codeErrorBehavior = _ref.codeErrorBehavior,
20
- currentCode = _ref.currentCode,
21
- inputRefs = _ref.inputRefs,
22
- inputContainerRef = _ref.inputContainerRef,
23
- captionRef = _ref.captionRef,
24
- setCode = _ref.setCode,
25
- codeSetter = _ref.codeSetter;
26
- if (!inputContainerRef.current) {
27
- return;
28
- }
29
- switch (codeErrorBehavior) {
30
- case 'keep':
31
- inputContainerRef.current.classList.add(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation);
32
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(_CodeInput.classes.captionError);
33
- setTimeout(function () {
34
- var _inputContainerRef$cu;
35
- var newCode = _toConsumableArray(currentCode);
36
- newCode.pop();
37
- codeSetter(newCode);
38
- setCode(currentCode);
39
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(_CodeInput.classes.codeErrorAnimation);
40
- setTimeout(function () {
41
- var _inputRefs$current, _inputRefs$current2;
42
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
43
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
44
- }, 0);
45
- }, _constants.ANIMATION_TIMEOUT);
46
- break;
47
- case 'remove-code':
48
- default:
49
- inputContainerRef.current.classList.add(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation, _CodeInput.classes.codeErrorFade);
50
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(_CodeInput.classes.captionError);
51
- setTimeout(function () {
52
- var _inputRefs$current$, _inputContainerRef$cu2;
53
- codeSetter((0, _initialValuesHelper.getCodeValue)(codeLength, ''));
54
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
55
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation, _CodeInput.classes.codeErrorFade);
56
- }, _constants.ANIMATION_TIMEOUT);
57
- }
58
- };
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getPlaceholderValue = exports.getFieldPattern = exports.getCodeValue = void 0;
7
- var getFieldPattern = exports.getFieldPattern = function getFieldPattern(allowedSymbols) {
8
- if (!allowedSymbols) {
9
- return null;
10
- }
11
- if (typeof allowedSymbols === 'string') {
12
- return new RegExp(allowedSymbols, 'g');
13
- }
14
- return allowedSymbols;
15
- };
16
- var getCodeValue = exports.getCodeValue = function getCodeValue(codeLength, value) {
17
- if (!value.length) {
18
- return new Array(codeLength).fill('');
19
- }
20
- return value.slice(0, codeLength).split('');
21
- };
22
- var getPlaceholderValue = exports.getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
23
- if (!placeholder || typeof placeholder !== 'string') {
24
- return null;
25
- }
26
- if (placeholder.length === 1) {
27
- return Array(codeLength).fill(placeholder);
28
- }
29
- return placeholder.slice(0, codeLength).split('');
30
- };
@@ -1,39 +0,0 @@
1
- import { privateTokens, tokens } from "../CodeInput.tokens";
2
- export var getCodeInputViewClass = function getCodeInputViewClass(view) {
3
- return "codeinput-".concat(view, "-view");
4
- };
5
- var tokenPrefix = '--plasma-codeinput-';
6
- export var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
7
-
8
- /**
9
- * Генерирует набор медиа-запросов под различную ширину вьюпорта
10
- *
11
- * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
12
- * @return {string} сгенерированный набор медиа-запросов
13
- */
14
- var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
15
- return gridSizes.map(function (size) {
16
- if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
17
- return;
18
- }
19
- var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
20
- var itemWidth = tokens["".concat(size, "CodeItemWidth")];
21
- var itemHeight = tokens["".concat(size, "CodeItemHeight")];
22
- var fontSize = tokens["".concat(size, "FontSize")];
23
- var lineHeight = tokens["".concat(size, "LineHeight")];
24
- return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
25
- }).filter(function (style) {
26
- return style;
27
- }).join('\n');
28
- };
29
-
30
- /**
31
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
32
- *
33
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
34
- * @param {string} viewName - название view из конфига
35
- * @return {string} стили для обертки Grid
36
- */
37
- export var getCodeInputView = function getCodeInputView(breakponts, viewName) {
38
- return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
39
- };
@@ -1,52 +0,0 @@
1
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
5
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
6
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
7
- import { classes } from "../CodeInput.tokens";
8
- import { ANIMATION_TIMEOUT } from "./constants";
9
- import { getCodeValue } from "./initialValuesHelper";
10
- export var handleCodeError = function handleCodeError(_ref) {
11
- var _captionRef$current, _captionRef$current2;
12
- var codeLength = _ref.codeLength,
13
- codeErrorBehavior = _ref.codeErrorBehavior,
14
- currentCode = _ref.currentCode,
15
- inputRefs = _ref.inputRefs,
16
- inputContainerRef = _ref.inputContainerRef,
17
- captionRef = _ref.captionRef,
18
- setCode = _ref.setCode,
19
- codeSetter = _ref.codeSetter;
20
- if (!inputContainerRef.current) {
21
- return;
22
- }
23
- switch (codeErrorBehavior) {
24
- case 'keep':
25
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);
26
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(classes.captionError);
27
- setTimeout(function () {
28
- var _inputContainerRef$cu;
29
- var newCode = _toConsumableArray(currentCode);
30
- newCode.pop();
31
- codeSetter(newCode);
32
- setCode(currentCode);
33
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(classes.codeErrorAnimation);
34
- setTimeout(function () {
35
- var _inputRefs$current, _inputRefs$current2;
36
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
37
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
38
- }, 0);
39
- }, ANIMATION_TIMEOUT);
40
- break;
41
- case 'remove-code':
42
- default:
43
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
44
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(classes.captionError);
45
- setTimeout(function () {
46
- var _inputRefs$current$, _inputContainerRef$cu2;
47
- codeSetter(getCodeValue(codeLength, ''));
48
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
49
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
50
- }, ANIMATION_TIMEOUT);
51
- }
52
- };
@@ -1,24 +0,0 @@
1
- export var getFieldPattern = function getFieldPattern(allowedSymbols) {
2
- if (!allowedSymbols) {
3
- return null;
4
- }
5
- if (typeof allowedSymbols === 'string') {
6
- return new RegExp(allowedSymbols, 'g');
7
- }
8
- return allowedSymbols;
9
- };
10
- export var getCodeValue = function getCodeValue(codeLength, value) {
11
- if (!value.length) {
12
- return new Array(codeLength).fill('');
13
- }
14
- return value.slice(0, codeLength).split('');
15
- };
16
- export var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
17
- if (!placeholder || typeof placeholder !== 'string') {
18
- return null;
19
- }
20
- if (placeholder.length === 1) {
21
- return Array(codeLength).fill(placeholder);
22
- }
23
- return placeholder.slice(0, codeLength).split('');
24
- };
@@ -1,12 +0,0 @@
1
- import type { BreakpointTokens, ScreenVariant } from './types';
2
- export declare const getCodeInputViewClass: (view: string) => string;
3
- export declare const gridSizes: Array<ScreenVariant>;
4
- /**
5
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
6
- *
7
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
8
- * @param {string} viewName - название view из конфига
9
- * @return {string} стили для обертки Grid
10
- */
11
- export declare const getCodeInputView: (breakponts: BreakpointTokens, viewName: string) => string;
12
- //# sourceMappingURL=generateMediaQuery.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"generateMediaQuery.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/generateMediaQuery.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAE3E,eAAO,MAAM,qBAAqB,SAAU,MAAM,WAEjD,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,aAAa,CAsB1C,CAAC;AAkCF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,eAAgB,gBAAgB,YAAY,MAAM,WAM9E,CAAC"}
@@ -1,15 +0,0 @@
1
- import { Dispatch, MutableRefObject, SetStateAction } from 'react';
2
- import type { CodeErrorBehavior } from '../CodeInput.types';
3
- type ValidateSymbolsArgs = {
4
- codeLength: number;
5
- codeErrorBehavior: CodeErrorBehavior;
6
- currentCode: Array<string>;
7
- inputContainerRef: MutableRefObject<HTMLDivElement | null>;
8
- inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
9
- captionRef: MutableRefObject<HTMLDivElement | null>;
10
- setCode: Dispatch<SetStateAction<Array<string>>>;
11
- codeSetter: (newCode: Array<string>) => void;
12
- };
13
- export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
14
- export {};
15
- //# sourceMappingURL=handleCodeError.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}
@@ -1,4 +0,0 @@
1
- export declare const getFieldPattern: (allowedSymbols: RegExp | string) => RegExp | null;
2
- export declare const getCodeValue: (codeLength: number, value: string) => Array<string>;
3
- export declare const getPlaceholderValue: (codeLength: number, placeholder?: string) => null | string[];
4
- //# sourceMappingURL=initialValuesHelper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"initialValuesHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/initialValuesHelper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,mBAAoB,MAAM,GAAG,MAAM,kBAU9D,CAAC;AAEF,eAAO,MAAM,YAAY,eAAgB,MAAM,SAAS,MAAM,KAAG,KAAK,CAAC,MAAM,CAM5E,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAAgB,MAAM,gBAAgB,MAAM,KAAG,IAAI,GAAG,MAAM,EAU3F,CAAC"}