@salutejs/plasma-new-hope 0.327.0-canary.1973.15733948288.0 → 0.327.0-canary.2010.15678347777.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.
- package/cjs/components/CodeField/CodeField.js +16 -15
- package/cjs/components/CodeField/CodeField.js.map +1 -1
- package/cjs/components/Tour/Tour.css +4 -0
- package/cjs/components/Tour/Tour.js +224 -0
- package/cjs/components/Tour/Tour.js.map +1 -0
- package/cjs/components/Tour/Tour.styles.js +51 -0
- package/cjs/components/Tour/Tour.styles.js.map +1 -0
- package/cjs/components/Tour/Tour.styles_1ks2isn.css +4 -0
- package/cjs/components/Tour/Tour.tokens.js +21 -0
- package/cjs/components/Tour/Tour.tokens.js.map +1 -0
- package/cjs/components/Tour/utils/index.js +19 -0
- package/cjs/components/Tour/utils/index.js.map +1 -0
- package/cjs/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.js +2 -2
- package/cjs/components/Tour/variatoins/_size/base.js.map +1 -0
- package/cjs/components/Tour/variatoins/_size/base_x642ct.css +1 -0
- package/cjs/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.js +2 -2
- package/cjs/components/Tour/variatoins/_view/base.js.map +1 -0
- package/cjs/components/Tour/variatoins/_view/base_x642ct.css +1 -0
- package/cjs/index.css +5 -15
- package/cjs/index.js +6 -12
- package/cjs/index.js.map +1 -1
- package/cjs/utils/constants.js +0 -12
- package/cjs/utils/constants.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/CodeField/CodeField.js +16 -14
- package/emotion/cjs/components/Tour/Tour.js +233 -0
- package/emotion/cjs/components/Tour/Tour.styles.js +48 -0
- package/emotion/cjs/components/Tour/Tour.tokens.js +19 -0
- package/emotion/cjs/components/Tour/index.js +31 -0
- package/emotion/cjs/components/Tour/utils/index.js +18 -0
- package/emotion/cjs/components/Tour/variatoins/_size/base.js +8 -0
- package/emotion/cjs/components/Tour/variatoins/_view/base.js +8 -0
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +22 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.config.js +22 -0
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/emotion/cjs/hooks/index.js +1 -8
- package/emotion/cjs/index.js +8 -8
- package/emotion/cjs/utils/constants.js +2 -8
- package/emotion/cjs/utils/index.js +0 -12
- package/emotion/es/components/CodeField/CodeField.js +17 -16
- package/emotion/es/components/Tour/Tour.js +226 -0
- package/emotion/es/components/Tour/Tour.styles.js +41 -0
- package/emotion/es/components/Tour/Tour.tokens.js +13 -0
- package/emotion/es/components/Tour/index.js +2 -0
- package/emotion/es/components/Tour/utils/index.js +12 -0
- package/emotion/es/components/Tour/variatoins/_size/base.js +2 -0
- package/emotion/es/components/Tour/variatoins/_view/base.js +2 -0
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js +16 -0
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js +16 -0
- package/emotion/es/examples/plasma_web/components/Tour/Tour.js +5 -0
- package/emotion/es/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/emotion/es/hooks/index.js +1 -2
- package/emotion/es/index.js +2 -2
- package/emotion/es/utils/constants.js +1 -7
- package/emotion/es/utils/index.js +0 -1
- package/es/components/CodeField/CodeField.js +17 -16
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/Tour/Tour.css +4 -0
- package/es/components/Tour/Tour.js +215 -0
- package/es/components/Tour/Tour.js.map +1 -0
- package/es/components/Tour/Tour.styles.js +44 -0
- package/es/components/Tour/Tour.styles.js.map +1 -0
- package/es/components/Tour/Tour.styles_1ks2isn.css +4 -0
- package/es/components/Tour/Tour.tokens.js +16 -0
- package/es/components/Tour/Tour.tokens.js.map +1 -0
- package/es/components/Tour/utils/index.js +15 -0
- package/es/components/Tour/utils/index.js.map +1 -0
- package/es/components/{CodeInput/variations/_view → Tour/variatoins/_size}/base.js +2 -2
- package/es/components/Tour/variatoins/_size/base.js.map +1 -0
- package/es/components/Tour/variatoins/_size/base_x642ct.css +1 -0
- package/es/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.js +2 -2
- package/es/components/Tour/variatoins/_view/base.js.map +1 -0
- package/es/components/Tour/variatoins/_view/base_x642ct.css +1 -0
- package/es/index.css +5 -15
- package/es/index.js +2 -4
- package/es/index.js.map +1 -1
- package/es/utils/constants.js +1 -7
- package/es/utils/constants.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/CodeField/CodeField.js +16 -14
- package/styled-components/cjs/components/Tour/Tour.js +233 -0
- package/styled-components/cjs/components/Tour/Tour.styles.js +27 -0
- package/styled-components/cjs/components/Tour/Tour.tokens.js +19 -0
- package/styled-components/cjs/components/Tour/index.js +31 -0
- package/styled-components/cjs/components/Tour/utils/index.js +18 -0
- package/styled-components/cjs/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.js +1 -2
- package/styled-components/cjs/components/Tour/variatoins/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Tour/variatoins/_view/base.js +8 -0
- package/styled-components/cjs/components/Tour/variatoins/_view/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +22 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js +22 -0
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/index.js +8 -8
- package/styled-components/cjs/utils/constants.js +2 -8
- package/styled-components/cjs/utils/index.js +0 -12
- package/styled-components/es/components/CodeField/CodeField.js +17 -16
- package/styled-components/es/components/Tour/Tour.js +226 -0
- package/styled-components/es/components/Tour/Tour.styles.js +20 -0
- package/styled-components/es/components/Tour/Tour.tokens.js +13 -0
- package/styled-components/es/components/Tour/index.js +2 -0
- package/styled-components/es/components/Tour/utils/index.js +12 -0
- package/styled-components/es/components/Tour/variatoins/_size/base.js +2 -0
- package/styled-components/es/components/Tour/variatoins/_size/tokens.json +1 -0
- package/styled-components/es/components/Tour/variatoins/_view/base.js +2 -0
- package/styled-components/es/components/Tour/variatoins/_view/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.config.js +16 -0
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js +16 -0
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/index.js +2 -2
- package/styled-components/es/utils/constants.js +1 -7
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/CodeField/CodeField.d.ts.map +1 -1
- package/types/components/Tour/Tour.d.ts +23 -0
- package/types/components/Tour/Tour.d.ts.map +1 -0
- package/types/components/Tour/Tour.styles.d.ts +9 -0
- package/types/components/Tour/Tour.styles.d.ts.map +1 -0
- package/types/components/Tour/Tour.tokens.d.ts +14 -0
- package/types/components/Tour/Tour.tokens.d.ts.map +1 -0
- package/types/components/Tour/Tour.types.d.ts +78 -0
- package/types/components/Tour/Tour.types.d.ts.map +1 -0
- package/types/components/Tour/index.d.ts +4 -0
- package/types/components/Tour/index.d.ts.map +1 -0
- package/types/components/Tour/utils/index.d.ts +2 -0
- package/types/components/Tour/utils/index.d.ts.map +1 -0
- package/types/components/Tour/variatoins/_size/base.d.ts.map +1 -0
- package/types/components/Tour/variatoins/_view/base.d.ts.map +1 -0
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/utils/constants.d.ts +0 -6
- package/types/utils/constants.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/CodeInput/CodeInput.css +0 -14
- package/cjs/components/CodeInput/CodeInput.js +0 -299
- package/cjs/components/CodeInput/CodeInput.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles.js +0 -78
- package/cjs/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles_3w98lu.css +0 -8
- package/cjs/components/CodeInput/CodeInput.tokens.js +0 -72
- package/cjs/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
- package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleItemError.js +0 -42
- package/cjs/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/cjs/components/CodeInput/variations/_size/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_size/base_h42a8b.css +0 -1
- package/cjs/components/CodeInput/variations/_view/base.js +0 -9
- package/cjs/components/CodeInput/variations/_view/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_view/base_17gj0wr.css +0 -1
- package/cjs/hooks/useCodeHook.js +0 -34
- package/cjs/hooks/useCodeHook.js.map +0 -1
- package/cjs/utils/initialValuesHelper.js +0 -33
- package/cjs/utils/initialValuesHelper.js.map +0 -1
- package/emotion/cjs/components/CodeInput/CodeInput.js +0 -307
- package/emotion/cjs/components/CodeInput/CodeInput.styles.js +0 -76
- package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +0 -76
- package/emotion/cjs/components/CodeInput/index.js +0 -31
- package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/emotion/cjs/components/CodeInput/utils/handleItemError.js +0 -40
- package/emotion/cjs/components/CodeInput/utils/index.js +0 -38
- package/emotion/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/CodeInput/variations/_size/base.js +0 -25
- package/emotion/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/cjs/components/CodeInput/variations/_view/base.js +0 -16
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/cjs/hooks/useCodeHook.js +0 -32
- package/emotion/cjs/utils/initialValuesHelper.js +0 -30
- package/emotion/es/components/CodeInput/CodeInput.js +0 -299
- package/emotion/es/components/CodeInput/CodeInput.styles.js +0 -69
- package/emotion/es/components/CodeInput/CodeInput.tokens.js +0 -70
- package/emotion/es/components/CodeInput/index.js +0 -2
- package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/emotion/es/components/CodeInput/utils/handleItemError.js +0 -34
- package/emotion/es/components/CodeInput/utils/index.js +0 -3
- package/emotion/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/emotion/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/CodeInput/variations/_size/base.js +0 -19
- package/emotion/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/es/components/CodeInput/variations/_view/base.js +0 -10
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/es/hooks/useCodeHook.js +0 -26
- package/emotion/es/utils/initialValuesHelper.js +0 -24
- package/es/components/CodeInput/CodeInput.css +0 -14
- package/es/components/CodeInput/CodeInput.js +0 -289
- package/es/components/CodeInput/CodeInput.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles.js +0 -67
- package/es/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles_3w98lu.css +0 -8
- package/es/components/CodeInput/CodeInput.tokens.js +0 -67
- package/es/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/es/components/CodeInput/utils/handleCodeError.js +0 -51
- package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/es/components/CodeInput/utils/handleItemError.js +0 -38
- package/es/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base.js +0 -5
- package/es/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/es/components/CodeInput/variations/_size/base.js.map +0 -1
- package/es/components/CodeInput/variations/_size/base_h42a8b.css +0 -1
- package/es/components/CodeInput/variations/_view/base.js.map +0 -1
- package/es/components/CodeInput/variations/_view/base_17gj0wr.css +0 -1
- package/es/hooks/useCodeHook.js +0 -30
- package/es/hooks/useCodeHook.js.map +0 -1
- package/es/utils/initialValuesHelper.js +0 -27
- package/es/utils/initialValuesHelper.js.map +0 -1
- package/styled-components/cjs/components/CodeInput/CodeInput.js +0 -307
- package/styled-components/cjs/components/CodeInput/CodeInput.styles.js +0 -47
- package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +0 -76
- package/styled-components/cjs/components/CodeInput/index.js +0 -31
- package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/styled-components/cjs/components/CodeInput/utils/handleItemError.js +0 -40
- package/styled-components/cjs/components/CodeInput/utils/index.js +0 -38
- package/styled-components/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/CodeInput/variations/_size/base.js +0 -25
- package/styled-components/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/CodeInput/variations/_view/base.js +0 -16
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/cjs/hooks/useCodeHook.js +0 -32
- package/styled-components/cjs/utils/initialValuesHelper.js +0 -30
- package/styled-components/es/components/CodeInput/CodeInput.js +0 -299
- package/styled-components/es/components/CodeInput/CodeInput.styles.js +0 -39
- package/styled-components/es/components/CodeInput/CodeInput.tokens.js +0 -70
- package/styled-components/es/components/CodeInput/index.js +0 -2
- package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/styled-components/es/components/CodeInput/utils/handleItemError.js +0 -34
- package/styled-components/es/components/CodeInput/utils/index.js +0 -3
- package/styled-components/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/CodeInput/variations/_size/base.js +0 -19
- package/styled-components/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/CodeInput/variations/_view/base.js +0 -10
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/es/hooks/useCodeHook.js +0 -26
- package/styled-components/es/utils/initialValuesHelper.js +0 -24
- package/types/components/CodeInput/CodeInput.d.ts +0 -65
- package/types/components/CodeInput/CodeInput.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.styles.d.ts +0 -16
- package/types/components/CodeInput/CodeInput.styles.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.tokens.d.ts +0 -72
- package/types/components/CodeInput/CodeInput.tokens.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.types.d.ts +0 -92
- package/types/components/CodeInput/CodeInput.types.d.ts.map +0 -1
- package/types/components/CodeInput/index.d.ts +0 -3
- package/types/components/CodeInput/index.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
- package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleItemError.d.ts +0 -14
- package/types/components/CodeInput/utils/handleItemError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/index.d.ts +0 -4
- package/types/components/CodeInput/utils/index.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_size/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_view/base.d.ts +0 -2
- package/types/components/CodeInput/variations/_view/base.d.ts.map +0 -1
- package/types/hooks/useCodeHook.d.ts +0 -13
- package/types/hooks/useCodeHook.d.ts.map +0 -1
- package/types/utils/initialValuesHelper.d.ts +0 -4
- package/types/utils/initialValuesHelper.d.ts.map +0 -1
- /package/emotion/cjs/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/emotion/cjs/components/{CodeInput/variations/_view → Tour/variatoins/_size}/tokens.json +0 -0
- /package/emotion/{es/components/CodeInput/variations → cjs/components/Tour/variatoins}/_view/tokens.json +0 -0
- /package/emotion/es/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/{styled-components/cjs/components/CodeInput/variations/_view → emotion/es/components/Tour/variatoins/_size}/tokens.json +0 -0
- /package/{styled-components/es/components/CodeInput/variations → emotion/es/components/Tour/variatoins}/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/styled-components/es/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/types/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.d.ts +0 -0
- /package/types/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.d.ts +0 -0
@@ -0,0 +1,242 @@
|
|
1
|
+
import React, { useRef, useState } from 'react';
|
2
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
+
import styled from '@emotion/styled';
|
4
|
+
|
5
|
+
import { linkConfig } from '../../../../components/Link';
|
6
|
+
import { mergeConfig } from '../../../../engines';
|
7
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
+
import { Button } from '../Button/Button';
|
9
|
+
|
10
|
+
import { config } from './Tour.config';
|
11
|
+
import { Tour } from './Tour';
|
12
|
+
|
13
|
+
const meta: Meta<typeof Tour> = {
|
14
|
+
title: 'web/Navigation/Tour',
|
15
|
+
decorators: [WithTheme],
|
16
|
+
component: Tour,
|
17
|
+
argTypes: {
|
18
|
+
...argTypesFromConfig(mergeConfig(linkConfig, config)),
|
19
|
+
withOverlay: {
|
20
|
+
type: 'boolean',
|
21
|
+
},
|
22
|
+
overlayColor: {
|
23
|
+
control: {
|
24
|
+
type: 'color',
|
25
|
+
},
|
26
|
+
},
|
27
|
+
},
|
28
|
+
};
|
29
|
+
|
30
|
+
export default meta;
|
31
|
+
|
32
|
+
const Card = styled.div`
|
33
|
+
padding: 1rem;
|
34
|
+
background: #fff;
|
35
|
+
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
|
36
|
+
border-radius: 0.75rem;
|
37
|
+
max-width: 20rem;
|
38
|
+
display: flex;
|
39
|
+
flex-direction: column;
|
40
|
+
gap: 0.75rem;
|
41
|
+
`;
|
42
|
+
|
43
|
+
const Title = styled.h4`
|
44
|
+
margin: 0;
|
45
|
+
font-size: 1rem;
|
46
|
+
font-weight: 600;
|
47
|
+
color: #000;
|
48
|
+
`;
|
49
|
+
|
50
|
+
const Description = styled.p`
|
51
|
+
margin: 0;
|
52
|
+
font-size: 0.875rem;
|
53
|
+
line-height: 1.5;
|
54
|
+
color: #666;
|
55
|
+
`;
|
56
|
+
|
57
|
+
const Footer = styled.div`
|
58
|
+
display: flex;
|
59
|
+
justify-content: space-between;
|
60
|
+
align-items: center;
|
61
|
+
gap: 1.5rem;
|
62
|
+
margin-top: 0.5rem;
|
63
|
+
|
64
|
+
> div {
|
65
|
+
display: flex;
|
66
|
+
gap: 0.5rem;
|
67
|
+
}
|
68
|
+
|
69
|
+
small {
|
70
|
+
color: #666;
|
71
|
+
white-space: nowrap;
|
72
|
+
}
|
73
|
+
`;
|
74
|
+
|
75
|
+
const TourCard: React.FC<{
|
76
|
+
title: string;
|
77
|
+
description: string;
|
78
|
+
index: number;
|
79
|
+
last: boolean;
|
80
|
+
total: number;
|
81
|
+
onPrev: () => void;
|
82
|
+
onNext: () => void;
|
83
|
+
onClose: () => void;
|
84
|
+
}> = ({ title, description, index, last, total, onPrev, onNext, onClose }) => {
|
85
|
+
return (
|
86
|
+
<Card>
|
87
|
+
{title && <Title>{title}</Title>}
|
88
|
+
{description && <Description>{description}</Description>}
|
89
|
+
<Footer>
|
90
|
+
<div>
|
91
|
+
{index > 0 && (
|
92
|
+
<Button size="xs" type="button" onClick={onPrev}>
|
93
|
+
Назад
|
94
|
+
</Button>
|
95
|
+
)}
|
96
|
+
{!last && (
|
97
|
+
<Button size="xs" type="button" onClick={onNext}>
|
98
|
+
Далее
|
99
|
+
</Button>
|
100
|
+
)}
|
101
|
+
{last && (
|
102
|
+
<Button size="xs" type="button" onClick={onClose}>
|
103
|
+
Закрыть
|
104
|
+
</Button>
|
105
|
+
)}
|
106
|
+
</div>
|
107
|
+
<small>
|
108
|
+
Шаг {index + 1} / {total}
|
109
|
+
</small>
|
110
|
+
</Footer>
|
111
|
+
</Card>
|
112
|
+
);
|
113
|
+
};
|
114
|
+
|
115
|
+
const StoryDefault = (args) => {
|
116
|
+
const ref1 = useRef<HTMLButtonElement>(null);
|
117
|
+
const ref2 = useRef<HTMLButtonElement>(null);
|
118
|
+
const ref3 = useRef<HTMLButtonElement>(null);
|
119
|
+
const ref4 = useRef<HTMLButtonElement>(null);
|
120
|
+
const [open, setOpen] = useState(false);
|
121
|
+
const [current, setCurrent] = useState(0);
|
122
|
+
|
123
|
+
const onNext = () => setCurrent(current + 1);
|
124
|
+
const onPrev = () => setCurrent(current - 1);
|
125
|
+
const onClose = () => setOpen(false);
|
126
|
+
|
127
|
+
const steps = [
|
128
|
+
{
|
129
|
+
target: ref1,
|
130
|
+
renderItem: () => (
|
131
|
+
<TourCard
|
132
|
+
title="Первый шаг"
|
133
|
+
description="Нажмите кнопку, чтобы продолжить"
|
134
|
+
index={0}
|
135
|
+
last={current === steps.length - 1}
|
136
|
+
total={steps.length}
|
137
|
+
onNext={onNext}
|
138
|
+
onPrev={onPrev}
|
139
|
+
onClose={onClose}
|
140
|
+
/>
|
141
|
+
),
|
142
|
+
placement: 'right',
|
143
|
+
},
|
144
|
+
{
|
145
|
+
target: ref2,
|
146
|
+
renderItem: () => (
|
147
|
+
<TourCard
|
148
|
+
title="Первый шаг"
|
149
|
+
description="Нажмите кнопку, чтобы продолжить"
|
150
|
+
index={1}
|
151
|
+
last={current === steps.length - 1}
|
152
|
+
total={steps.length}
|
153
|
+
onNext={onNext}
|
154
|
+
onPrev={onPrev}
|
155
|
+
onClose={onClose}
|
156
|
+
/>
|
157
|
+
),
|
158
|
+
},
|
159
|
+
{
|
160
|
+
target: ref3,
|
161
|
+
renderItem: () => (
|
162
|
+
<TourCard
|
163
|
+
title="Первый шаг"
|
164
|
+
description="Нажмите кнопку, чтобы продолжить"
|
165
|
+
index={2}
|
166
|
+
last={current === steps.length - 1}
|
167
|
+
total={steps.length}
|
168
|
+
onNext={onNext}
|
169
|
+
onPrev={onPrev}
|
170
|
+
onClose={onClose}
|
171
|
+
/>
|
172
|
+
),
|
173
|
+
},
|
174
|
+
{
|
175
|
+
target: ref4,
|
176
|
+
renderItem: () => (
|
177
|
+
<TourCard
|
178
|
+
title="Первый шаг"
|
179
|
+
description="Нажмите кнопку, чтобы продолжить"
|
180
|
+
index={3}
|
181
|
+
last={current === steps.length - 1}
|
182
|
+
total={steps.length}
|
183
|
+
onNext={onNext}
|
184
|
+
onPrev={onPrev}
|
185
|
+
onClose={onClose}
|
186
|
+
/>
|
187
|
+
),
|
188
|
+
placement: 'left',
|
189
|
+
},
|
190
|
+
];
|
191
|
+
|
192
|
+
return (
|
193
|
+
<div
|
194
|
+
style={{
|
195
|
+
width: '100%',
|
196
|
+
height: '110vh',
|
197
|
+
display: 'flex',
|
198
|
+
justifyContent: 'space-between',
|
199
|
+
flexDirection: 'column',
|
200
|
+
alignItems: 'center',
|
201
|
+
}}
|
202
|
+
>
|
203
|
+
<div
|
204
|
+
style={{
|
205
|
+
width: '100%',
|
206
|
+
display: 'flex',
|
207
|
+
justifyContent: 'space-between',
|
208
|
+
}}
|
209
|
+
>
|
210
|
+
<Button ref={ref1}>Блок 1</Button>
|
211
|
+
<Button ref={ref2}>Блок 2</Button>
|
212
|
+
</div>
|
213
|
+
<Button onClick={() => setOpen(true)}>Запуск тура</Button>
|
214
|
+
|
215
|
+
<div
|
216
|
+
style={{
|
217
|
+
width: '100%',
|
218
|
+
display: 'flex',
|
219
|
+
justifyContent: 'space-between',
|
220
|
+
}}
|
221
|
+
>
|
222
|
+
<Button ref={ref3}>Блок 3</Button>
|
223
|
+
<Button ref={ref4}>Блок 4</Button>
|
224
|
+
</div>
|
225
|
+
|
226
|
+
<Tour
|
227
|
+
{...args}
|
228
|
+
open={open}
|
229
|
+
current={current}
|
230
|
+
onClose={() => {
|
231
|
+
setCurrent(0);
|
232
|
+
setOpen(false);
|
233
|
+
}}
|
234
|
+
steps={steps}
|
235
|
+
/>
|
236
|
+
</div>
|
237
|
+
);
|
238
|
+
};
|
239
|
+
|
240
|
+
export const Default: StoryObj = {
|
241
|
+
render: (args) => <StoryDefault {...args} />,
|
242
|
+
};
|
@@ -5,5 +5,4 @@ export { useForceUpdate } from "./useForceUpdate";
|
|
5
5
|
export { useDidMountEffect } from "./useDidMountEffect";
|
6
6
|
export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
|
7
7
|
export { useOutsideClick } from "./useOutsideClick";
|
8
|
-
export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
|
9
|
-
export { useCodeHook } from "./useCodeHook";
|
8
|
+
export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
|
package/emotion/es/index.js
CHANGED
@@ -78,6 +78,6 @@ export * from "./components/NumberFormat";
|
|
78
78
|
export * from "./components/Toast/ToastNew";
|
79
79
|
export * from "./components/Carousel";
|
80
80
|
export * from "./components/PaginationDots";
|
81
|
-
export * from "./components/CodeInput";
|
82
81
|
export * from "./components/CodeField";
|
83
|
-
export * from "./components/List";
|
82
|
+
export * from "./components/List";
|
83
|
+
export * from "./components/Tour";
|
@@ -15,10 +15,4 @@ export var screenGroupBreakpoints = {
|
|
15
15
|
small: '0',
|
16
16
|
medium: '35rem',
|
17
17
|
large: '60rem'
|
18
|
-
};
|
19
|
-
export var ONLY_DIGITS_PATTERN = '^\\d+$';
|
20
|
-
export var ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
|
21
|
-
export var ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
|
22
|
-
export var FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
|
23
|
-
export var BACKSPACE_KEY = 'Backspace';
|
24
|
-
export var ANIMATION_TIMEOUT = 300;
|
18
|
+
};
|
@@ -9,7 +9,6 @@ export { createEvent } from "./createEvent";
|
|
9
9
|
import * as _constants from "./constants";
|
10
10
|
export { _constants as constants };
|
11
11
|
export * from "./getPopoverPlacement";
|
12
|
-
export * from "./initialValuesHelper";
|
13
12
|
export { noop } from "./noop";
|
14
13
|
export { getHeightAsNumber } from "./getHeightAsNumber";
|
15
14
|
export { createConditionalComponent } from "./createConditionalComponent";
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { forwardRef, useState, useRef, useCallback, Fragment } from 'react';
|
2
|
+
import React, { forwardRef, useState, useRef, useCallback, useEffect, Fragment } from 'react';
|
3
3
|
import cls from 'classnames';
|
4
4
|
import { FORBIDDEN_KEYS, BACKSPACE_KEY, ONLY_DIGITS_PATTERN } from './utils/constants.js';
|
5
5
|
import { classes } from './CodeField.tokens.js';
|
@@ -9,7 +9,6 @@ import { base as base$2 } from './variations/_size/base.js';
|
|
9
9
|
import { base as base$3 } from './variations/_shape/base.js';
|
10
10
|
import { base as base$4 } from './variations/_disabled/base.js';
|
11
11
|
import { getCodeValue, getPlaceholderValue, getFieldPattern } from './utils/initialValuesHelper.js';
|
12
|
-
import { useCodeHook } from '../../hooks/useCodeHook.js';
|
13
12
|
import { useDidMountEffect } from '../../hooks/useDidMountEffect.js';
|
14
13
|
import { handleCodeError } from './utils/handleCodeError.js';
|
15
14
|
import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
|
@@ -159,7 +158,6 @@ var codeFieldRoot = function codeFieldRoot(Root) {
|
|
159
158
|
};
|
160
159
|
var handlePaste = function handlePaste(event) {
|
161
160
|
var _inputRefs$current$ac;
|
162
|
-
var newCode = _toConsumableArray(code);
|
163
161
|
if (disabled) {
|
164
162
|
return;
|
165
163
|
}
|
@@ -169,27 +167,30 @@ var codeFieldRoot = function codeFieldRoot(Root) {
|
|
169
167
|
var _symb$match;
|
170
168
|
return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
|
171
169
|
}).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
|
172
|
-
pastedData.forEach(function (element, index) {
|
173
|
-
newCode[index] = element;
|
174
|
-
});
|
175
170
|
var activeIndex = Math.min(pastedData.length, codeLength - 1);
|
176
171
|
(_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
|
177
|
-
codeSetter(
|
172
|
+
codeSetter(pastedData);
|
178
173
|
};
|
179
174
|
var handleFullCodeEnter = useCallback(function (fullCode) {
|
180
175
|
if (onFullCodeEnter) {
|
181
176
|
onFullCodeEnter(fullCode);
|
182
177
|
}
|
183
178
|
}, []);
|
184
|
-
|
185
|
-
inputRefs
|
186
|
-
|
187
|
-
|
188
|
-
autoFocus
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
179
|
+
useEffect(function () {
|
180
|
+
inputRefs.current = inputRefs.current.slice(0, codeLength);
|
181
|
+
}, [codeLength]);
|
182
|
+
useEffect(function () {
|
183
|
+
if (autoFocus && !disabled) {
|
184
|
+
var _inputRefs$current$la;
|
185
|
+
var lastActiveIndex = getLastActiveIndex();
|
186
|
+
(_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
|
187
|
+
}
|
188
|
+
}, [autoFocus]);
|
189
|
+
useDidMountEffect(function () {
|
190
|
+
if (handleFullCodeEnter && originalValue.length === codeLength) {
|
191
|
+
handleFullCodeEnter(originalValue);
|
192
|
+
}
|
193
|
+
}, [originalValue, handleFullCodeEnter]);
|
193
194
|
useDidMountEffect(function () {
|
194
195
|
if (isError) {
|
195
196
|
handleCodeError({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport { useCodeHook } from '../../hooks';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n forwardRef<HTMLInputElement, CodeFieldProps>(\n (\n {\n className,\n value: outerValue,\n placeholder,\n autoFocus,\n codeLength = 6,\n caption,\n captionAlign = 'left',\n width,\n shape = 'default',\n view,\n size,\n disabled,\n isError,\n allowedSymbols = ONLY_DIGITS_PATTERN,\n itemErrorBehavior = 'remove-symbol',\n codeErrorBehavior = 'remove-code',\n autoComplete = 'one-time-code',\n setIsError,\n onChange,\n onFullCodeEnter,\n ...rest\n },\n ref,\n ) => {\n const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n const inputRefs = useRef<Array<HTMLInputElement>>([]);\n const inputContainerRef = useRef<HTMLDivElement | null>(null);\n const captionRef = useRef<HTMLDivElement | null>(null);\n\n const fieldPattern = getFieldPattern(allowedSymbols);\n const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n const parts = codeLength === 6 ? 2 : 1;\n\n const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n const getLastActiveIndex = () => {\n if (code.length && code.length < codeLength) {\n return code.length;\n }\n\n const lastEmptyIndex = code.findIndex((digit) => digit === '');\n return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n };\n\n const handleClick = () => {\n if (disabled) {\n return;\n }\n\n const lastActiveIndex = getLastActiveIndex();\n\n if (inputRefs.current[lastActiveIndex]) {\n inputRefs.current[lastActiveIndex].focus();\n }\n };\n\n const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n if (disabled) {\n return;\n }\n\n const { key } = event;\n if (FORBIDDEN_KEYS.includes(key)) {\n event.preventDefault();\n\n return;\n }\n\n if (key === BACKSPACE_KEY) {\n if (index > 0 && code[index] === '') {\n inputRefs.current[index - 1]?.focus();\n }\n }\n };\n\n const codeSetter = (newCode: Array<string>) => {\n setCode(newCode);\n setOriginalValue(newCode.join(''));\n\n if (onChange) {\n onChange(newCode.join(''));\n }\n };\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n if (disabled) {\n return;\n }\n\n const rawSymbol = event.currentTarget.value;\n const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n const newCode = [...code];\n\n inputRefs.current[index]?.classList.remove(classes.itemError);\n if (isError) {\n captionRef.current?.classList.remove(classes.captionError);\n\n if (codeErrorBehavior === 'keep') {\n inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n }\n\n if (setIsError) {\n setIsError(false);\n }\n }\n\n if (!fieldPattern) {\n newCode[index] = symbol;\n codeSetter(newCode);\n\n if (symbol && index < codeLength - 1) {\n inputRefs.current[index + 1]?.focus();\n }\n\n return;\n }\n\n if (!symbol) {\n newCode[index] = '';\n codeSetter(newCode);\n\n return;\n }\n\n if (fieldPattern.test(symbol)) {\n newCode[index] = symbol.charAt(symbol.length - 1);\n codeSetter(newCode);\n\n if (index < codeLength - 1) {\n inputRefs.current[index + 1]?.focus();\n }\n } else {\n newCode[index] = symbol.charAt(symbol.length - 1);\n\n handleItemError({\n currentSymbol: symbol,\n itemErrorBehavior,\n index,\n newCode,\n inputRefs,\n setCode,\n codeSetter,\n });\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n const newCode = [...code];\n\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n const rawData = event.clipboardData.getData('text/plain');\n\n const pastedData = (fieldPattern\n ? rawData\n .split('')\n .map((symb) => symb.match(fieldPattern)?.[0] || '')\n .filter(Boolean) || []\n : rawData.split('')\n ).slice(0, codeLength);\n\n pastedData.forEach((element, index) => {\n newCode[index] = element;\n });\n\n const activeIndex = Math.min(pastedData.length, codeLength - 1);\n inputRefs.current[activeIndex]?.focus();\n\n codeSetter(newCode);\n };\n\n const handleFullCodeEnter = useCallback((fullCode: string) => {\n if (onFullCodeEnter) {\n onFullCodeEnter(fullCode);\n }\n }, []);\n\n useCodeHook({\n inputRefs,\n codeLength,\n disabled,\n autoFocus,\n originalValue,\n getLastActiveIndex,\n handleFullCodeEnter,\n });\n\n useDidMountEffect(() => {\n if (isError) {\n handleCodeError({\n codeLength,\n codeErrorBehavior,\n currentCode: code,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n });\n }\n }, [isError]);\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n shape={shape}\n disabled={disabled}\n onClick={handleClick}\n className={cls(className, {\n [classes.captionAlignLeft]: captionAlign === 'left',\n })}\n {...rest}\n >\n <CodeWrapper ref={inputContainerRef}>\n {[...Array(parts)].map((_, partIndex) => (\n <Fragment key={partIndex}>\n <CodeGroup role=\"group\">\n {[...Array(codeLength / parts)].map((_, i) => {\n const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n return (\n <ItemInput\n key={partIndex + i + partIndex * i}\n ref={(element: HTMLInputElement) => {\n inputRefs.current[inputCorrectIndex] = element;\n }}\n className={cls({\n [classes.segmented]: shape === 'segmented',\n [classes.hoverEnabled]:\n !disabled && inputCorrectIndex >= originalValue.length,\n })}\n value={code[inputCorrectIndex] || ''}\n autoComplete={autoComplete}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n handleChange(e, inputCorrectIndex);\n }}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n handleOnKeyDown(e, inputCorrectIndex);\n }}\n onPaste={handlePaste}\n tabIndex={\n !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n }\n {...(placeholderValue && {\n placeholder: placeholderValue[inputCorrectIndex],\n })}\n />\n );\n })}\n </CodeGroup>\n {partIndex !== parts - 1 && <Separator />}\n </Fragment>\n ))}\n </CodeWrapper>\n {caption && (\n <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n {caption}\n </CaptionWrapper>\n )}\n </Root>\n );\n },\n );\n\nexport const codeFieldConfig = {\n name: 'CodeField',\n tag: 'div',\n layout: codeFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n shape: 'default',\n },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","code","setCode","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current","codeSetter","newCode","handleChange","_inputRefs$current$in","rawSymbol","currentTarget","symbol","charAt","_toConsumableArray","classList","remove","classes","itemError","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","Boolean","slice","forEach","element","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useCodeHook","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","_defineProperty","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n forwardRef<HTMLInputElement, CodeFieldProps>(\n (\n {\n className,\n value: outerValue,\n placeholder,\n autoFocus,\n codeLength = 6,\n caption,\n captionAlign = 'left',\n width,\n shape = 'default',\n view,\n size,\n disabled,\n isError,\n allowedSymbols = ONLY_DIGITS_PATTERN,\n itemErrorBehavior = 'remove-symbol',\n codeErrorBehavior = 'remove-code',\n autoComplete = 'one-time-code',\n setIsError,\n onChange,\n onFullCodeEnter,\n ...rest\n },\n ref,\n ) => {\n const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n const inputRefs = useRef<Array<HTMLInputElement>>([]);\n const inputContainerRef = useRef<HTMLDivElement | null>(null);\n const captionRef = useRef<HTMLDivElement | null>(null);\n\n const fieldPattern = getFieldPattern(allowedSymbols);\n const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n const parts = codeLength === 6 ? 2 : 1;\n\n const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n const getLastActiveIndex = () => {\n if (code.length && code.length < codeLength) {\n return code.length;\n }\n\n const lastEmptyIndex = code.findIndex((digit) => digit === '');\n return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n };\n\n const handleClick = () => {\n if (disabled) {\n return;\n }\n\n const lastActiveIndex = getLastActiveIndex();\n\n if (inputRefs.current[lastActiveIndex]) {\n inputRefs.current[lastActiveIndex].focus();\n }\n };\n\n const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n if (disabled) {\n return;\n }\n\n const { key } = event;\n if (FORBIDDEN_KEYS.includes(key)) {\n event.preventDefault();\n\n return;\n }\n\n if (key === BACKSPACE_KEY) {\n if (index > 0 && code[index] === '') {\n inputRefs.current[index - 1]?.focus();\n }\n }\n };\n\n const codeSetter = (newCode: Array<string>) => {\n setCode(newCode);\n setOriginalValue(newCode.join(''));\n\n if (onChange) {\n onChange(newCode.join(''));\n }\n };\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n if (disabled) {\n return;\n }\n\n const rawSymbol = event.currentTarget.value;\n const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n const newCode = [...code];\n\n inputRefs.current[index]?.classList.remove(classes.itemError);\n if (isError) {\n captionRef.current?.classList.remove(classes.captionError);\n\n if (codeErrorBehavior === 'keep') {\n inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n }\n\n if (setIsError) {\n setIsError(false);\n }\n }\n\n if (!fieldPattern) {\n newCode[index] = symbol;\n codeSetter(newCode);\n\n if (symbol && index < codeLength - 1) {\n inputRefs.current[index + 1]?.focus();\n }\n\n return;\n }\n\n if (!symbol) {\n newCode[index] = '';\n codeSetter(newCode);\n\n return;\n }\n\n if (fieldPattern.test(symbol)) {\n newCode[index] = symbol.charAt(symbol.length - 1);\n codeSetter(newCode);\n\n if (index < codeLength - 1) {\n inputRefs.current[index + 1]?.focus();\n }\n } else {\n newCode[index] = symbol.charAt(symbol.length - 1);\n\n handleItemError({\n currentSymbol: symbol,\n itemErrorBehavior,\n index,\n newCode,\n inputRefs,\n setCode,\n codeSetter,\n });\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n const rawData = event.clipboardData.getData('text/plain');\n\n const pastedData = (fieldPattern\n ? rawData\n .split('')\n .map((symb) => symb.match(fieldPattern)?.[0] || '')\n .filter(Boolean) || []\n : rawData.split('')\n ).slice(0, codeLength);\n\n const activeIndex = Math.min(pastedData.length, codeLength - 1);\n inputRefs.current[activeIndex]?.focus();\n\n codeSetter(pastedData);\n };\n\n const handleFullCodeEnter = useCallback((fullCode: string) => {\n if (onFullCodeEnter) {\n onFullCodeEnter(fullCode);\n }\n }, []);\n\n useEffect(() => {\n inputRefs.current = inputRefs.current.slice(0, codeLength);\n }, [codeLength]);\n\n useEffect(() => {\n if (autoFocus && !disabled) {\n const lastActiveIndex = getLastActiveIndex();\n\n inputRefs.current[lastActiveIndex]?.focus();\n }\n }, [autoFocus]);\n\n useDidMountEffect(() => {\n if (handleFullCodeEnter && originalValue.length === codeLength) {\n handleFullCodeEnter(originalValue);\n }\n }, [originalValue, handleFullCodeEnter]);\n\n useDidMountEffect(() => {\n if (isError) {\n handleCodeError({\n codeLength,\n codeErrorBehavior,\n currentCode: code,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n });\n }\n }, [isError]);\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n shape={shape}\n disabled={disabled}\n onClick={handleClick}\n className={cls(className, {\n [classes.captionAlignLeft]: captionAlign === 'left',\n })}\n {...rest}\n >\n <CodeWrapper ref={inputContainerRef}>\n {[...Array(parts)].map((_, partIndex) => (\n <Fragment key={partIndex}>\n <CodeGroup role=\"group\">\n {[...Array(codeLength / parts)].map((_, i) => {\n const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n return (\n <ItemInput\n key={partIndex + i + partIndex * i}\n ref={(element: HTMLInputElement) => {\n inputRefs.current[inputCorrectIndex] = element;\n }}\n className={cls({\n [classes.segmented]: shape === 'segmented',\n [classes.hoverEnabled]:\n !disabled && inputCorrectIndex >= originalValue.length,\n })}\n value={code[inputCorrectIndex] || ''}\n autoComplete={autoComplete}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n handleChange(e, inputCorrectIndex);\n }}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n handleOnKeyDown(e, inputCorrectIndex);\n }}\n onPaste={handlePaste}\n tabIndex={\n !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n }\n {...(placeholderValue && {\n placeholder: placeholderValue[inputCorrectIndex],\n })}\n />\n );\n })}\n </CodeGroup>\n {partIndex !== parts - 1 && <Separator />}\n </Fragment>\n ))}\n </CodeWrapper>\n {caption && (\n <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n {caption}\n </CaptionWrapper>\n )}\n </Root>\n );\n },\n );\n\nexport const codeFieldConfig = {\n name: 'CodeField',\n tag: 'div',\n layout: codeFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n shape: 'default',\n },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","code","setCode","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current","codeSetter","newCode","handleChange","_inputRefs$current$in","rawSymbol","currentTarget","symbol","charAt","_toConsumableArray","classList","remove","classes","itemError","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","Boolean","slice","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useEffect","_inputRefs$current$la","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","_defineProperty","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","element","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
.Tour_styles_1ks2isn_m1hl3azh__f7b9f098{z-index:var(--m1hl3azh-0);}
|
2
|
+
.Tour_styles_1ks2isn_m12gu86u__f7b9f098{position:fixed;inset:0;pointer-events:all;}
|
3
|
+
.Tour_styles_1ks2isn_hz4trqu__f7b9f098{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--plasma-tour-highlight-radius,0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
|
4
|
+
.Tour_styles_1ks2isn_tjgv9oe__f7b9f098{position:absolute;}
|