@salutejs/plasma-new-hope 0.325.0-canary.1954.15274625094.0 → 0.325.0-canary.1954.15294244136.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.css +14 -0
- package/cjs/components/CodeField/CodeField.js +290 -0
- package/cjs/components/CodeField/CodeField.js.map +1 -0
- package/cjs/components/CodeField/CodeField.styles.js +57 -0
- package/cjs/components/CodeField/CodeField.styles.js.map +1 -0
- package/cjs/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
- package/cjs/components/CodeField/CodeField.tokens.js +59 -0
- package/cjs/components/CodeField/CodeField.tokens.js.map +1 -0
- package/cjs/components/CodeField/utils/constants.js +18 -0
- package/cjs/components/CodeField/utils/constants.js.map +1 -0
- package/cjs/components/CodeField/utils/handleCodeError.js +55 -0
- package/cjs/components/CodeField/utils/handleCodeError.js.map +1 -0
- package/cjs/components/CodeField/utils/handleItemError.js +53 -0
- package/cjs/components/CodeField/utils/handleItemError.js.map +1 -0
- package/cjs/components/CodeField/utils/initialValuesHelper.js +33 -0
- package/cjs/components/CodeField/utils/initialValuesHelper.js.map +1 -0
- package/cjs/components/CodeField/variations/_disabled/base.js +9 -0
- package/cjs/components/CodeField/variations/_disabled/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
- package/cjs/components/CodeField/variations/_shape/base.js +9 -0
- package/cjs/components/CodeField/variations/_shape/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
- package/cjs/components/CodeField/variations/_size/base.js +9 -0
- package/cjs/components/CodeField/variations/_size/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
- package/cjs/components/CodeField/variations/_view/base.js +9 -0
- package/cjs/components/CodeField/variations/_view/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_view/base_9a5yza.css +1 -0
- package/cjs/components/List/List.css +3 -1
- package/cjs/components/List/List.js +3 -2
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/List.styles.js +1 -1
- package/cjs/components/List/List.styles.js.map +1 -1
- package/cjs/components/List/List.styles_97b8jq.css +1 -0
- package/cjs/components/List/variations/_size/base.js +1 -1
- package/cjs/components/List/variations/_size/base.js.map +1 -1
- package/cjs/components/List/variations/_size/base_jq4nc8.css +1 -0
- package/cjs/components/NumberInput/ui/Input/Input.js +0 -3
- package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/cjs/index.css +18 -1
- package/cjs/index.js +10 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/CodeField/CodeField.js +299 -0
- package/emotion/cjs/components/CodeField/CodeField.styles.js +65 -0
- package/emotion/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/emotion/cjs/components/CodeField/CodeField.tokens.js +57 -0
- package/emotion/cjs/components/CodeField/CodeField.types.js +5 -0
- package/emotion/cjs/components/CodeField/index.js +50 -0
- package/emotion/cjs/components/CodeField/utils/constants.js +12 -0
- package/emotion/cjs/components/CodeField/utils/handleCodeError.js +58 -0
- package/emotion/cjs/components/CodeField/utils/handleItemError.js +56 -0
- package/emotion/cjs/components/CodeField/utils/index.js +38 -0
- package/emotion/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
- package/emotion/cjs/components/CodeField/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/emotion/cjs/components/CodeField/variations/_shape/base.js +10 -0
- package/emotion/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
- package/emotion/cjs/components/CodeField/variations/_size/base.js +10 -0
- package/emotion/cjs/components/CodeField/variations/_size/tokens.json +19 -0
- package/emotion/cjs/components/CodeField/variations/_view/base.js +10 -0
- package/emotion/cjs/components/CodeField/variations/_view/tokens.json +0 -0
- package/emotion/cjs/components/List/List.js +3 -2
- package/emotion/cjs/components/List/List.styles.js +10 -2
- package/emotion/cjs/components/List/variations/_size/base.js +2 -1
- package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -3
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/CodeField/CodeField.js +290 -0
- package/emotion/es/components/CodeField/CodeField.styles.js +58 -0
- package/emotion/es/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/emotion/es/components/CodeField/CodeField.tokens.js +51 -0
- package/emotion/es/components/CodeField/CodeField.types.js +1 -0
- package/emotion/es/components/CodeField/index.js +3 -0
- package/emotion/es/components/CodeField/utils/constants.js +6 -0
- package/emotion/es/components/CodeField/utils/handleCodeError.js +52 -0
- package/emotion/es/components/CodeField/utils/handleItemError.js +50 -0
- package/emotion/es/components/CodeField/utils/index.js +3 -0
- package/emotion/es/components/CodeField/utils/initialValuesHelper.js +24 -0
- package/emotion/es/components/CodeField/variations/_disabled/base.js +3 -0
- package/emotion/es/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/emotion/es/components/CodeField/variations/_shape/base.js +4 -0
- package/emotion/es/components/CodeField/variations/_shape/tokens.json +1 -0
- package/emotion/es/components/CodeField/variations/_size/base.js +4 -0
- package/emotion/es/components/CodeField/variations/_size/tokens.json +19 -0
- package/emotion/es/components/CodeField/variations/_view/base.js +4 -0
- package/emotion/es/components/CodeField/variations/_view/tokens.json +0 -0
- package/emotion/es/components/List/List.js +2 -2
- package/emotion/es/components/List/List.styles.js +10 -2
- package/emotion/es/components/List/variations/_size/base.js +2 -1
- package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/es/index.js +1 -0
- package/es/components/CodeField/CodeField.css +14 -0
- package/es/components/CodeField/CodeField.js +280 -0
- package/es/components/CodeField/CodeField.js.map +1 -0
- package/es/components/CodeField/CodeField.styles.js +48 -0
- package/es/components/CodeField/CodeField.styles.js.map +1 -0
- package/es/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
- package/es/components/CodeField/CodeField.tokens.js +54 -0
- package/es/components/CodeField/CodeField.tokens.js.map +1 -0
- package/es/components/CodeField/utils/constants.js +9 -0
- package/es/components/CodeField/utils/constants.js.map +1 -0
- package/es/components/CodeField/utils/handleCodeError.js +51 -0
- package/es/components/CodeField/utils/handleCodeError.js.map +1 -0
- package/es/components/CodeField/utils/handleItemError.js +49 -0
- package/es/components/CodeField/utils/handleItemError.js.map +1 -0
- package/es/components/CodeField/utils/initialValuesHelper.js +27 -0
- package/es/components/CodeField/utils/initialValuesHelper.js.map +1 -0
- package/es/components/CodeField/variations/_disabled/base.js +5 -0
- package/es/components/CodeField/variations/_disabled/base.js.map +1 -0
- package/es/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
- package/es/components/CodeField/variations/_shape/base.js +5 -0
- package/es/components/CodeField/variations/_shape/base.js.map +1 -0
- package/es/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
- package/es/components/CodeField/variations/_size/base.js +5 -0
- package/es/components/CodeField/variations/_size/base.js.map +1 -0
- package/es/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
- package/es/components/CodeField/variations/_view/base.js +5 -0
- package/es/components/CodeField/variations/_view/base.js.map +1 -0
- package/es/components/CodeField/variations/_view/base_9a5yza.css +1 -0
- package/es/components/List/List.css +3 -1
- package/es/components/List/List.js +2 -2
- package/es/components/List/List.js.map +1 -1
- package/es/components/List/List.styles.js +1 -1
- package/es/components/List/List.styles.js.map +1 -1
- package/es/components/List/List.styles_97b8jq.css +1 -0
- package/es/components/List/variations/_size/base.js +1 -1
- package/es/components/List/variations/_size/base.js.map +1 -1
- package/es/components/List/variations/_size/base_jq4nc8.css +1 -0
- package/es/components/NumberInput/ui/Input/Input.js +0 -3
- package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/es/index.css +18 -1
- package/es/index.js +3 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/CodeField/CodeField.js +299 -0
- package/styled-components/cjs/components/CodeField/CodeField.styles.js +38 -0
- package/styled-components/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/styled-components/cjs/components/CodeField/CodeField.tokens.js +57 -0
- package/styled-components/cjs/components/CodeField/CodeField.types.js +5 -0
- package/styled-components/cjs/components/CodeField/index.js +50 -0
- package/styled-components/cjs/components/CodeField/utils/constants.js +12 -0
- package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +58 -0
- package/styled-components/cjs/components/CodeField/utils/handleItemError.js +56 -0
- package/styled-components/cjs/components/CodeField/utils/index.js +38 -0
- package/styled-components/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
- package/styled-components/cjs/components/CodeField/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/CodeField/variations/_shape/base.js +10 -0
- package/styled-components/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
- package/styled-components/cjs/components/CodeField/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/CodeField/variations/_size/tokens.json +19 -0
- package/styled-components/cjs/components/CodeField/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/CodeField/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/List/List.js +3 -2
- package/styled-components/cjs/components/List/List.styles.js +1 -2
- package/styled-components/cjs/components/List/variations/_size/base.js +2 -1
- package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -3
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/CodeField/CodeField.js +290 -0
- package/styled-components/es/components/CodeField/CodeField.styles.js +30 -0
- package/styled-components/es/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/styled-components/es/components/CodeField/CodeField.tokens.js +51 -0
- package/styled-components/es/components/CodeField/CodeField.types.js +1 -0
- package/styled-components/es/components/CodeField/index.js +3 -0
- package/styled-components/es/components/CodeField/utils/constants.js +6 -0
- package/styled-components/es/components/CodeField/utils/handleCodeError.js +52 -0
- package/styled-components/es/components/CodeField/utils/handleItemError.js +50 -0
- package/styled-components/es/components/CodeField/utils/index.js +3 -0
- package/styled-components/es/components/CodeField/utils/initialValuesHelper.js +24 -0
- package/styled-components/es/components/CodeField/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/CodeField/variations/_shape/base.js +4 -0
- package/styled-components/es/components/CodeField/variations/_shape/tokens.json +1 -0
- package/styled-components/es/components/CodeField/variations/_size/base.js +4 -0
- package/styled-components/es/components/CodeField/variations/_size/tokens.json +19 -0
- package/styled-components/es/components/CodeField/variations/_view/base.js +4 -0
- package/styled-components/es/components/CodeField/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/List/List.js +2 -2
- package/styled-components/es/components/List/List.styles.js +1 -2
- package/styled-components/es/components/List/variations/_size/base.js +2 -1
- package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/CodeField/CodeField.d.ts +69 -0
- package/types/components/CodeField/CodeField.d.ts.map +1 -0
- package/types/components/CodeField/CodeField.styles.d.ts +11 -0
- package/types/components/CodeField/CodeField.styles.d.ts.map +1 -0
- package/types/components/CodeField/CodeField.tokens.d.ts +52 -0
- package/types/components/CodeField/CodeField.tokens.d.ts.map +1 -0
- package/types/components/CodeField/CodeField.types.d.ts +93 -0
- package/types/components/CodeField/CodeField.types.d.ts.map +1 -0
- package/types/components/CodeField/index.d.ts +4 -0
- package/types/components/CodeField/index.d.ts.map +1 -0
- package/types/components/CodeField/utils/constants.d.ts +7 -0
- package/types/components/CodeField/utils/constants.d.ts.map +1 -0
- package/types/components/CodeField/utils/handleCodeError.d.ts +15 -0
- package/types/components/CodeField/utils/handleCodeError.d.ts.map +1 -0
- package/types/components/CodeField/utils/handleItemError.d.ts +14 -0
- package/types/components/CodeField/utils/handleItemError.d.ts.map +1 -0
- package/types/components/CodeField/utils/index.d.ts +4 -0
- package/types/components/CodeField/utils/index.d.ts.map +1 -0
- package/types/components/CodeField/utils/initialValuesHelper.d.ts +4 -0
- package/types/components/CodeField/utils/initialValuesHelper.d.ts.map +1 -0
- package/types/components/CodeField/variations/_disabled/base.d.ts +2 -0
- package/types/components/CodeField/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/CodeField/variations/_shape/base.d.ts +2 -0
- package/types/components/CodeField/variations/_shape/base.d.ts.map +1 -0
- package/types/components/CodeField/variations/_size/base.d.ts +2 -0
- package/types/components/CodeField/variations/_size/base.d.ts.map +1 -0
- package/types/components/CodeField/variations/_view/base.d.ts +2 -0
- package/types/components/CodeField/variations/_view/base.d.ts.map +1 -0
- package/types/components/List/List.d.ts +6 -6
- package/types/components/List/List.d.ts.map +1 -1
- package/types/components/List/List.styles.d.ts.map +1 -1
- package/types/components/List/List.types.d.ts +3 -3
- package/types/components/List/List.types.d.ts.map +1 -1
- package/types/components/List/ui/ListItem.types.d.ts +2 -2
- package/types/components/List/ui/ListItem.types.d.ts.map +1 -1
- package/types/components/List/variations/_size/base.d.ts.map +1 -1
- package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/List/List.styles_9yg2yl.css +0 -1
- package/cjs/components/List/variations/_size/base_x642ct.css +0 -1
- package/es/components/List/List.styles_9yg2yl.css +0 -1
- package/es/components/List/variations/_size/base_x642ct.css +0 -1
@@ -0,0 +1,107 @@
|
|
1
|
+
import React, { ComponentProps, useState } from 'react';
|
2
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
+
import { action } from '@storybook/addon-actions';
|
4
|
+
import { getConfigVariations } from '@salutejs/plasma-sb-utils';
|
5
|
+
|
6
|
+
import { WithTheme } from '../../../_helpers';
|
7
|
+
|
8
|
+
import { CodeField } from './CodeField';
|
9
|
+
import { config } from './CodeField.config';
|
10
|
+
|
11
|
+
const onChange = action('onChange');
|
12
|
+
const onFullCodeEnter = action('onFullCodeEnter');
|
13
|
+
|
14
|
+
const { views, sizes } = getConfigVariations(config);
|
15
|
+
const codeLengths = [4, 5, 6];
|
16
|
+
const shapes = ['default', 'segmented'];
|
17
|
+
const captionAlignVariants = ['left', 'center'];
|
18
|
+
const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
|
19
|
+
const codeErrorBehaviorVariants = ['remove-code', 'keep'];
|
20
|
+
|
21
|
+
const meta: Meta<typeof CodeField> = {
|
22
|
+
title: 'web/Data Entry/CodeField',
|
23
|
+
component: CodeField,
|
24
|
+
decorators: [WithTheme],
|
25
|
+
argTypes: {
|
26
|
+
view: {
|
27
|
+
options: views,
|
28
|
+
control: {
|
29
|
+
type: 'select',
|
30
|
+
},
|
31
|
+
},
|
32
|
+
size: {
|
33
|
+
options: sizes,
|
34
|
+
control: {
|
35
|
+
type: 'inline-radio',
|
36
|
+
},
|
37
|
+
},
|
38
|
+
shape: {
|
39
|
+
options: shapes,
|
40
|
+
control: {
|
41
|
+
type: 'inline-radio',
|
42
|
+
},
|
43
|
+
},
|
44
|
+
captionAlign: {
|
45
|
+
options: captionAlignVariants,
|
46
|
+
control: {
|
47
|
+
type: 'inline-radio',
|
48
|
+
},
|
49
|
+
},
|
50
|
+
codeLength: {
|
51
|
+
options: codeLengths,
|
52
|
+
control: {
|
53
|
+
type: 'inline-radio',
|
54
|
+
},
|
55
|
+
},
|
56
|
+
itemErrorBehavior: {
|
57
|
+
options: itemErrorBehaviorVariants,
|
58
|
+
control: {
|
59
|
+
type: 'inline-radio',
|
60
|
+
},
|
61
|
+
},
|
62
|
+
codeErrorBehavior: {
|
63
|
+
options: codeErrorBehaviorVariants,
|
64
|
+
control: {
|
65
|
+
type: 'inline-radio',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
},
|
69
|
+
parameters: {
|
70
|
+
controls: {
|
71
|
+
exclude: ['view'],
|
72
|
+
},
|
73
|
+
},
|
74
|
+
};
|
75
|
+
|
76
|
+
export default meta;
|
77
|
+
|
78
|
+
type StoryPropsDefault = ComponentProps<typeof CodeField>;
|
79
|
+
|
80
|
+
const StoryDefault = (args: StoryPropsDefault) => {
|
81
|
+
const [value, setValue] = useState('');
|
82
|
+
|
83
|
+
const handleChange = (newValue: string) => {
|
84
|
+
setValue(newValue);
|
85
|
+
onChange(newValue);
|
86
|
+
};
|
87
|
+
|
88
|
+
return <CodeField {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
|
89
|
+
};
|
90
|
+
|
91
|
+
export const Default: StoryObj<StoryPropsDefault> = {
|
92
|
+
args: {
|
93
|
+
view: 'default',
|
94
|
+
size: 'm',
|
95
|
+
shape: 'default',
|
96
|
+
codeLength: 6,
|
97
|
+
caption: 'Caption',
|
98
|
+
captionAlign: 'center',
|
99
|
+
width: '',
|
100
|
+
isError: false,
|
101
|
+
itemErrorBehavior: 'remove-symbol',
|
102
|
+
codeErrorBehavior: 'keep',
|
103
|
+
autoFocus: true,
|
104
|
+
disabled: false,
|
105
|
+
},
|
106
|
+
render: StoryDefault,
|
107
|
+
};
|
@@ -0,0 +1,69 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { RootProps } from '../../../src/engines';
|
3
|
+
import type { CodeFieldProps } from './CodeField.types';
|
4
|
+
export declare const codeFieldRoot: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
|
5
|
+
value?: string | undefined;
|
6
|
+
placeholder?: string | undefined;
|
7
|
+
autoFocus?: boolean | undefined;
|
8
|
+
codeLength?: 4 | 6 | 5 | undefined;
|
9
|
+
caption?: React.ReactNode;
|
10
|
+
captionAlign?: "center" | "left" | undefined;
|
11
|
+
width?: string | number | undefined;
|
12
|
+
shape?: "default" | "segmented" | undefined;
|
13
|
+
view?: string | undefined;
|
14
|
+
size?: string | undefined;
|
15
|
+
disabled?: boolean | undefined;
|
16
|
+
isError?: boolean | undefined;
|
17
|
+
setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
|
18
|
+
allowedSymbols?: string | RegExp | undefined;
|
19
|
+
itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
|
20
|
+
codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
|
21
|
+
onChange?: ((value: string) => void) | undefined;
|
22
|
+
onFullCodeEnter?: ((code: string) => void) | undefined;
|
23
|
+
} & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
|
24
|
+
export declare const codeFieldConfig: {
|
25
|
+
name: string;
|
26
|
+
tag: string;
|
27
|
+
layout: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
|
28
|
+
value?: string | undefined;
|
29
|
+
placeholder?: string | undefined;
|
30
|
+
autoFocus?: boolean | undefined;
|
31
|
+
codeLength?: 4 | 6 | 5 | undefined;
|
32
|
+
caption?: React.ReactNode;
|
33
|
+
captionAlign?: "center" | "left" | undefined;
|
34
|
+
width?: string | number | undefined;
|
35
|
+
shape?: "default" | "segmented" | undefined;
|
36
|
+
view?: string | undefined;
|
37
|
+
size?: string | undefined;
|
38
|
+
disabled?: boolean | undefined;
|
39
|
+
isError?: boolean | undefined;
|
40
|
+
setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
|
41
|
+
allowedSymbols?: string | RegExp | undefined;
|
42
|
+
itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
|
43
|
+
codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
|
44
|
+
onChange?: ((value: string) => void) | undefined;
|
45
|
+
onFullCodeEnter?: ((code: string) => void) | undefined;
|
46
|
+
} & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
|
47
|
+
base: import("@linaria/core").LinariaClassName;
|
48
|
+
variations: {
|
49
|
+
view: {
|
50
|
+
css: import("@linaria/core").LinariaClassName;
|
51
|
+
};
|
52
|
+
size: {
|
53
|
+
css: import("@linaria/core").LinariaClassName;
|
54
|
+
};
|
55
|
+
shape: {
|
56
|
+
css: import("@linaria/core").LinariaClassName;
|
57
|
+
};
|
58
|
+
disabled: {
|
59
|
+
css: import("@linaria/core").LinariaClassName;
|
60
|
+
attrs: boolean;
|
61
|
+
};
|
62
|
+
};
|
63
|
+
defaults: {
|
64
|
+
size: string;
|
65
|
+
view: string;
|
66
|
+
shape: string;
|
67
|
+
};
|
68
|
+
};
|
69
|
+
//# sourceMappingURL=CodeField.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAoRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAtRQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+S5E,CAAC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
3
|
+
export declare const CodeWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
|
+
export declare const CodeGroup: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
export declare const Separator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
6
|
+
export declare const ItemInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
7
|
+
export declare const CaptionWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
8
|
+
captionAlign: 'left' | 'center';
|
9
|
+
widthValue?: string | undefined;
|
10
|
+
}>;
|
11
|
+
//# sourceMappingURL=CodeField.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;;EAKzE,CAAC"}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
export declare const classes: {
|
2
|
+
itemError: string;
|
3
|
+
itemErrorAnimation: string;
|
4
|
+
itemErrorFade: string;
|
5
|
+
captionError: string;
|
6
|
+
codeError: string;
|
7
|
+
codeErrorAnimation: string;
|
8
|
+
codeErrorFade: string;
|
9
|
+
captionAlignLeft: string;
|
10
|
+
hoverEnabled: string;
|
11
|
+
segmented: string;
|
12
|
+
default: string;
|
13
|
+
disabled: string;
|
14
|
+
};
|
15
|
+
export declare const tokens: {
|
16
|
+
captionGap: string;
|
17
|
+
codeItemsGap: string;
|
18
|
+
separatorWidth: string;
|
19
|
+
codeItemWidth: string;
|
20
|
+
codeItemHeight: string;
|
21
|
+
fontFamily: string;
|
22
|
+
fontStyle: string;
|
23
|
+
fontSize: string;
|
24
|
+
fontWeight: string;
|
25
|
+
letterSpacing: string;
|
26
|
+
lineHeight: string;
|
27
|
+
captionFontFamily: string;
|
28
|
+
captionFontSize: string;
|
29
|
+
captionFontStyle: string;
|
30
|
+
captionFontWeight: string;
|
31
|
+
captionLetterSpacing: string;
|
32
|
+
captionLineHeight: string;
|
33
|
+
borderRadius: string;
|
34
|
+
borderRadiusSegmented: string;
|
35
|
+
segmentedSideBorderRadius: string;
|
36
|
+
captionColor: string;
|
37
|
+
captionColorError: string;
|
38
|
+
codeColor: string;
|
39
|
+
codeColorError: string;
|
40
|
+
backgroundColor: string;
|
41
|
+
backgroundColorHover: string;
|
42
|
+
backgroundColorFocus: string;
|
43
|
+
backgroundErrorColor: string;
|
44
|
+
borderWidth: string;
|
45
|
+
borderColor: string;
|
46
|
+
borderColorHover: string;
|
47
|
+
borderColorFocus: string;
|
48
|
+
borderErrorColor: string;
|
49
|
+
caretColor: string;
|
50
|
+
disabledOpacity: string;
|
51
|
+
};
|
52
|
+
//# sourceMappingURL=CodeField.tokens.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CodeField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ClB,CAAC"}
|
@@ -0,0 +1,93 @@
|
|
1
|
+
import type { Dispatch, HTMLAttributes, InputHTMLAttributes, ReactNode, SetStateAction } from 'react';
|
2
|
+
export declare type ItemErrorBehavior = 'remove-symbol' | 'keep' | 'forbid-enter';
|
3
|
+
export declare type CodeErrorBehavior = 'remove-code' | 'keep';
|
4
|
+
export declare type CodeFieldProps = {
|
5
|
+
/**
|
6
|
+
* Значение поля ввода
|
7
|
+
*/
|
8
|
+
value?: string;
|
9
|
+
/**
|
10
|
+
* Строка равная, длине кода или же один символ,
|
11
|
+
* для отображения в качестве placeholder
|
12
|
+
*/
|
13
|
+
placeholder?: string;
|
14
|
+
/**
|
15
|
+
* Автофокус на компоненте
|
16
|
+
*/
|
17
|
+
autoFocus?: boolean;
|
18
|
+
/**
|
19
|
+
* Длина кода
|
20
|
+
* @default 6
|
21
|
+
*/
|
22
|
+
codeLength?: 4 | 5 | 6;
|
23
|
+
/**
|
24
|
+
* Подпись к компоненту
|
25
|
+
*/
|
26
|
+
caption?: ReactNode;
|
27
|
+
/**
|
28
|
+
* Выравнивание подписи
|
29
|
+
* @default left
|
30
|
+
*/
|
31
|
+
captionAlign?: 'left' | 'center';
|
32
|
+
/**
|
33
|
+
* Ширина компонента
|
34
|
+
* @description
|
35
|
+
* Значение может принимать строку с единицой измерения CSS (px, rem и тд.).
|
36
|
+
* Если передано число без единицы измерения - рассчитывается в rem.
|
37
|
+
*/
|
38
|
+
width?: string | number;
|
39
|
+
/**
|
40
|
+
* Форма компонента
|
41
|
+
* @default default
|
42
|
+
*/
|
43
|
+
shape?: 'default' | 'segmented';
|
44
|
+
/**
|
45
|
+
* Вид компонента
|
46
|
+
*/
|
47
|
+
view?: string;
|
48
|
+
/**
|
49
|
+
* Размер компонента
|
50
|
+
*/
|
51
|
+
size?: string;
|
52
|
+
/**
|
53
|
+
* Компонент не активен
|
54
|
+
*/
|
55
|
+
disabled?: boolean;
|
56
|
+
/**
|
57
|
+
* Флаг ошибки кода
|
58
|
+
*/
|
59
|
+
isError?: boolean;
|
60
|
+
/**
|
61
|
+
* Колбек для установки флага ошибки
|
62
|
+
*/
|
63
|
+
setIsError?: Dispatch<SetStateAction<boolean>>;
|
64
|
+
/**
|
65
|
+
* Регулярное выражение или строка, по которой проверяется символ при вводе
|
66
|
+
* @default '^\\d+$' - только цифры
|
67
|
+
*/
|
68
|
+
allowedSymbols?: string | RegExp;
|
69
|
+
/**
|
70
|
+
* Поведение элемента поля ввода, при вводе некорректного значения
|
71
|
+
* - `remove-symbol` - проигрывается анимация ошибки, значение элемента очищается
|
72
|
+
* - `keep` - проигрывается анимация ошибки, значение остается
|
73
|
+
* - `forbid-enter` - запрещается ввод некорректного значения
|
74
|
+
* @default 'remove-symbol'
|
75
|
+
*/
|
76
|
+
itemErrorBehavior?: ItemErrorBehavior;
|
77
|
+
/**
|
78
|
+
* Поведение элемента поля ввода, при вводе некорректного значения
|
79
|
+
* - `remove-code` - проигрывается анимация ошибки, значение всего поля очищается
|
80
|
+
* - `keep` - проигрывается анимация ошибки, значение остается
|
81
|
+
* @default 'remove-code'
|
82
|
+
*/
|
83
|
+
codeErrorBehavior?: CodeErrorBehavior;
|
84
|
+
/**
|
85
|
+
* Коллбек, вызываемый при изменении значения кода
|
86
|
+
*/
|
87
|
+
onChange?: (value: string) => void;
|
88
|
+
/**
|
89
|
+
* Коллбек, вызываемый при вводе полного значения в поле
|
90
|
+
*/
|
91
|
+
onFullCodeEnter?: (code: string) => void;
|
92
|
+
} & Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'autoComplete'> & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
|
93
|
+
//# sourceMappingURL=CodeField.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CodeField.types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtG,oBAAY,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,cAAc,CAAC;AAC1E,oBAAY,iBAAiB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEvD,oBAAY,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,GAC1E,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { codeFieldRoot, codeFieldConfig } from './CodeField';
|
2
|
+
export { tokens as codeFieldTokens, classes as codeFieldClasses } from './CodeField.tokens';
|
3
|
+
export { ONLY_DIGITS_PATTERN, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN } from './utils/constants';
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
export declare const ONLY_DIGITS_PATTERN = "^\\d+$";
|
2
|
+
export declare const ONLY_CHARS_PATTERN = "^[a-zA-Z]+$";
|
3
|
+
export declare const ONLY_DIGITS_AND_CHARS_PATTERN = "^[a-zA-Z0-9]+$";
|
4
|
+
export declare const FORBIDDEN_KEYS: string[];
|
5
|
+
export declare const BACKSPACE_KEY = "Backspace";
|
6
|
+
export declare const ANIMATION_TIMEOUT = 300;
|
7
|
+
//# sourceMappingURL=constants.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAChD,eAAO,MAAM,6BAA6B,mBAAmB,CAAC;AAE9D,eAAO,MAAM,cAAc,UAAgE,CAAC;AAC5F,eAAO,MAAM,aAAa,cAAc,CAAC;AAEzC,eAAO,MAAM,iBAAiB,MAAM,CAAC"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { Dispatch, MutableRefObject, SetStateAction } from 'react';
|
2
|
+
import type { CodeErrorBehavior } from '../CodeField.types';
|
3
|
+
declare 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
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/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,aAAK,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"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { Dispatch, MutableRefObject, SetStateAction } from 'react';
|
2
|
+
import type { ItemErrorBehavior } from '../CodeField.types';
|
3
|
+
declare type ValidateSymbolsArgs = {
|
4
|
+
currentSymbol: string;
|
5
|
+
itemErrorBehavior: ItemErrorBehavior;
|
6
|
+
index: number;
|
7
|
+
newCode: Array<string>;
|
8
|
+
inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
|
9
|
+
setCode: Dispatch<SetStateAction<Array<string>>>;
|
10
|
+
codeSetter: (newCode: Array<string>) => void;
|
11
|
+
};
|
12
|
+
export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
|
13
|
+
export {};
|
14
|
+
//# sourceMappingURL=handleItemError.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,aAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,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,0FAQzB,mBAAmB,SA4CrB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
@@ -0,0 +1,4 @@
|
|
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 | undefined) => null | string[];
|
4
|
+
//# sourceMappingURL=initialValuesHelper.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"initialValuesHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/initialValuesHelper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,mBAAoB,MAAM,GAAG,MAAM,kBAU9D,CAAC;AAEF,eAAO,MAAM,YAAY,eAAgB,MAAM,SAAS,MAAM,KAAG,MAAM,MAAM,CAM5E,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAAgB,MAAM,uCAAyB,IAAI,GAAG,MAAM,EAU3F,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_shape/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA2BhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAqGhB,CAAC"}
|
@@ -1,25 +1,25 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { RootProps } from '../../engines';
|
3
3
|
import type { ListProps } from './List.types';
|
4
|
-
export declare const listRoot: (Root: RootProps<
|
4
|
+
export declare const listRoot: (Root: RootProps<HTMLUListElement, ListProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
|
5
5
|
view?: string | undefined;
|
6
6
|
size?: string | undefined;
|
7
7
|
variant?: string | undefined;
|
8
|
-
disabled?:
|
8
|
+
disabled?: boolean | undefined;
|
9
9
|
children?: React.ReactNode;
|
10
10
|
className?: string | undefined;
|
11
|
-
} & React.RefAttributes<
|
11
|
+
} & React.RefAttributes<HTMLUListElement>>;
|
12
12
|
export declare const listConfig: {
|
13
13
|
name: string;
|
14
14
|
tag: string;
|
15
|
-
layout: (Root: RootProps<
|
15
|
+
layout: (Root: RootProps<HTMLUListElement, ListProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
|
16
16
|
view?: string | undefined;
|
17
17
|
size?: string | undefined;
|
18
18
|
variant?: string | undefined;
|
19
|
-
disabled?:
|
19
|
+
disabled?: boolean | undefined;
|
20
20
|
children?: React.ReactNode;
|
21
21
|
className?: string | undefined;
|
22
|
-
} & React.RefAttributes<
|
22
|
+
} & React.RefAttributes<HTMLUListElement>>;
|
23
23
|
base: import("@linaria/core").LinariaClassName;
|
24
24
|
variations: {
|
25
25
|
view: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,gBAAgB,EAAE,SAAS,CAAC;;;;;;;0CAc/D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAhBQ,UAAU,gBAAgB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCpE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { ReactNode } from 'react';
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
2
2
|
declare type CustomListProps = {
|
3
3
|
/**
|
4
4
|
* Тип отображения для accordion
|
@@ -15,10 +15,10 @@ declare type CustomListProps = {
|
|
15
15
|
/**
|
16
16
|
* Disabled
|
17
17
|
*/
|
18
|
-
disabled?:
|
18
|
+
disabled?: boolean;
|
19
19
|
children?: ReactNode;
|
20
20
|
className?: string;
|
21
21
|
};
|
22
|
-
export declare type ListProps = CustomListProps;
|
22
|
+
export declare type ListProps = HTMLAttributes<HTMLUListElement> & CustomListProps;
|
23
23
|
export {};
|
24
24
|
//# sourceMappingURL=List.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,SAAS,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG,eAAe,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { ReactNode } from 'react';
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
2
2
|
declare type CustomListItemProps = {
|
3
3
|
/**
|
4
4
|
* Disabled
|
@@ -10,6 +10,6 @@ declare type CustomListItemProps = {
|
|
10
10
|
contentRight?: ReactNode;
|
11
11
|
children?: ReactNode;
|
12
12
|
};
|
13
|
-
export declare type ListItemProps = CustomListItemProps;
|
13
|
+
export declare type ListItemProps = HTMLAttributes<HTMLLIElement> & CustomListItemProps;
|
14
14
|
export {};
|
15
15
|
//# sourceMappingURL=ListItem.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ui/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ui/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,mBAAmB,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,oBAAY,aAAa,GAAG,cAAc,CAAC,aAAa,CAAC,GAAG,mBAAmB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_size/base.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAsBvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAsBvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;oHAyOvB,CAAC"}
|
package/types/index.d.ts
CHANGED
@@ -76,5 +76,6 @@ export * from './components/NumberFormat';
|
|
76
76
|
export * from './components/Toast/ToastNew';
|
77
77
|
export * from './components/Carousel';
|
78
78
|
export * from './components/PaginationDots';
|
79
|
+
export * from './components/CodeField';
|
79
80
|
export * from './components/List';
|
80
81
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bmg9h6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
.bmg9h6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
|
@@ -1 +0,0 @@
|
|
1
|
-
|