@salutejs/plasma-new-hope 0.145.0-canary.1418.10848257808.0 → 0.145.0-canary.1421.10845314144.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/Slider.css +12 -10
- package/cjs/components/Slider/Slider.js +19 -6
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +6 -5
- package/cjs/components/Slider/components/Double/Double.js +36 -2
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +7 -1
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/Slider/components/Double/{Double.styles_1jhda4u.css → Double.styles_4053ky.css} +1 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +56 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.css +6 -5
- package/cjs/components/Slider/components/Single/Single.js +35 -12
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +7 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{es/components/Slider/components/Single/Single.styles_1r9f1e0.css → cjs/components/Slider/components/Single/Single.styles_9lxkbx.css} +1 -0
- package/cjs/components/Slider/utils/index.js +6 -0
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +3 -2
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/hooks/useForm.js +96 -0
- package/cjs/hooks/useForm.js.map +1 -0
- package/cjs/index.css +12 -10
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/setRefList.js +28 -0
- package/cjs/utils/setRefList.js.map +1 -0
- package/emotion/cjs/components/Slider/Slider.js +15 -6
- package/emotion/cjs/components/Slider/components/Double/Double.js +36 -2
- package/emotion/cjs/components/Slider/components/Double/Double.styles.js +28 -15
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +60 -0
- package/emotion/cjs/components/Slider/components/Single/Single.js +30 -7
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +26 -13
- package/emotion/cjs/components/Slider/components/index.js +11 -0
- package/emotion/cjs/components/Slider/utils/index.js +6 -1
- package/emotion/cjs/components/TextArea/TextArea.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +191 -0
- package/emotion/cjs/hooks/index.js +8 -1
- package/emotion/cjs/hooks/useForm.js +102 -0
- package/emotion/cjs/utils/index.js +15 -0
- package/emotion/cjs/utils/setRefList.js +27 -0
- package/emotion/es/components/Slider/Slider.js +16 -6
- package/emotion/es/components/Slider/components/Double/Double.js +38 -4
- package/emotion/es/components/Slider/components/Double/Double.styles.js +27 -14
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +51 -0
- package/emotion/es/components/Slider/components/Single/Single.js +32 -9
- package/emotion/es/components/Slider/components/Single/Single.styles.js +25 -12
- package/emotion/es/components/Slider/components/index.js +1 -0
- package/emotion/es/components/Slider/utils/index.js +5 -0
- package/emotion/es/components/TextArea/TextArea.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +191 -0
- package/emotion/es/hooks/index.js +2 -1
- package/emotion/es/hooks/useForm.js +93 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/setRefList.js +20 -0
- package/es/components/Slider/Slider.css +12 -10
- package/es/components/Slider/Slider.js +20 -7
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +6 -5
- package/es/components/Slider/components/Double/Double.js +38 -4
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js +7 -2
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/Slider/components/Double/{Double.styles_1jhda4u.css → Double.styles_4053ky.css} +1 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +52 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/es/components/Slider/components/Single/Single.css +6 -5
- package/es/components/Slider/components/Single/Single.js +32 -9
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +7 -2
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css → es/components/Slider/components/Single/Single.styles_9lxkbx.css} +1 -0
- package/es/components/Slider/utils/index.js +6 -1
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +3 -2
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/hooks/useForm.js +92 -0
- package/es/hooks/useForm.js.map +1 -0
- package/es/index.css +12 -10
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/setRefList.js +23 -0
- package/es/utils/setRefList.js.map +1 -0
- package/package.json +3 -2
- package/styled-components/cjs/components/Slider/Slider.js +15 -6
- package/styled-components/cjs/components/Slider/components/Double/Double.js +36 -2
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +5 -2
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +60 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.js +30 -7
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +5 -2
- package/styled-components/cjs/components/Slider/components/index.js +11 -0
- package/styled-components/cjs/components/Slider/utils/index.js +6 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +191 -0
- package/styled-components/cjs/hooks/index.js +8 -1
- package/styled-components/cjs/hooks/useForm.js +102 -0
- package/styled-components/cjs/utils/index.js +15 -0
- package/styled-components/cjs/utils/setRefList.js +27 -0
- package/styled-components/es/components/Slider/Slider.js +16 -6
- package/styled-components/es/components/Slider/components/Double/Double.js +38 -4
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +4 -1
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +51 -0
- package/styled-components/es/components/Slider/components/Single/Single.js +32 -9
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +4 -1
- package/styled-components/es/components/Slider/components/index.js +1 -0
- package/styled-components/es/components/Slider/utils/index.js +5 -0
- package/styled-components/es/components/TextArea/TextArea.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +191 -0
- package/styled-components/es/hooks/index.js +2 -1
- package/styled-components/es/hooks/useForm.js +93 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/setRefList.js +20 -0
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +1 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +5 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +1 -0
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +3 -1
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +2 -0
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +1 -0
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +3 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +3 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useForm.d.ts +10 -0
- package/types/hooks/useForm.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/setRefList.d.ts +6 -0
- package/types/utils/setRefList.d.ts.map +1 -0
- package/emotion/cjs/components/Mask/Mask.js +0 -213
- package/emotion/cjs/components/Mask/index.js +0 -12
- package/emotion/cjs/components/Mask/utils/constants.js +0 -29
- package/emotion/cjs/components/Mask/utils/createMask.js +0 -50
- package/emotion/cjs/components/Mask/utils/mask.js +0 -241
- package/emotion/cjs/components/Mask/utils/parseMask.js +0 -36
- package/emotion/cjs/components/Mask/utils/processInput.js +0 -52
- package/emotion/cjs/components/Mask/utils/processMask.js +0 -99
- package/emotion/cjs/components/Mask/utils/selection.js +0 -48
- package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.js +0 -9
- package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -125
- package/emotion/es/components/Mask/Mask.js +0 -205
- package/emotion/es/components/Mask/index.js +0 -1
- package/emotion/es/components/Mask/utils/constants.js +0 -23
- package/emotion/es/components/Mask/utils/createMask.js +0 -44
- package/emotion/es/components/Mask/utils/mask.js +0 -235
- package/emotion/es/components/Mask/utils/parseMask.js +0 -30
- package/emotion/es/components/Mask/utils/processInput.js +0 -46
- package/emotion/es/components/Mask/utils/processMask.js +0 -93
- package/emotion/es/components/Mask/utils/selection.js +0 -42
- package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -125
- package/styled-components/cjs/components/Mask/Mask.js +0 -213
- package/styled-components/cjs/components/Mask/index.js +0 -12
- package/styled-components/cjs/components/Mask/utils/constants.js +0 -29
- package/styled-components/cjs/components/Mask/utils/createMask.js +0 -50
- package/styled-components/cjs/components/Mask/utils/mask.js +0 -241
- package/styled-components/cjs/components/Mask/utils/parseMask.js +0 -36
- package/styled-components/cjs/components/Mask/utils/processInput.js +0 -52
- package/styled-components/cjs/components/Mask/utils/processMask.js +0 -99
- package/styled-components/cjs/components/Mask/utils/selection.js +0 -48
- package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js +0 -9
- package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -125
- package/styled-components/es/components/Mask/Mask.js +0 -205
- package/styled-components/es/components/Mask/index.js +0 -1
- package/styled-components/es/components/Mask/utils/constants.js +0 -23
- package/styled-components/es/components/Mask/utils/createMask.js +0 -44
- package/styled-components/es/components/Mask/utils/mask.js +0 -235
- package/styled-components/es/components/Mask/utils/parseMask.js +0 -30
- package/styled-components/es/components/Mask/utils/processInput.js +0 -46
- package/styled-components/es/components/Mask/utils/processMask.js +0 -93
- package/styled-components/es/components/Mask/utils/selection.js +0 -42
- package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -125
- package/types/components/Mask/Mask.d.ts +0 -5
- package/types/components/Mask/Mask.d.ts.map +0 -1
- package/types/components/Mask/Mask.types.d.ts +0 -84
- package/types/components/Mask/Mask.types.d.ts.map +0 -1
- package/types/components/Mask/index.d.ts +0 -2
- package/types/components/Mask/index.d.ts.map +0 -1
- package/types/components/Mask/utils/constants.d.ts +0 -15
- package/types/components/Mask/utils/constants.d.ts.map +0 -1
- package/types/components/Mask/utils/createMask.d.ts +0 -19
- package/types/components/Mask/utils/createMask.d.ts.map +0 -1
- package/types/components/Mask/utils/mask.d.ts +0 -42
- package/types/components/Mask/utils/mask.d.ts.map +0 -1
- package/types/components/Mask/utils/parseMask.d.ts +0 -3
- package/types/components/Mask/utils/parseMask.d.ts.map +0 -1
- package/types/components/Mask/utils/processInput.d.ts +0 -13
- package/types/components/Mask/utils/processInput.d.ts.map +0 -1
- package/types/components/Mask/utils/processMask.d.ts +0 -7
- package/types/components/Mask/utils/processMask.d.ts.map +0 -1
- package/types/components/Mask/utils/selection.d.ts +0 -10
- package/types/components/Mask/utils/selection.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -191
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +0 -1
- /package/emotion/cjs/components/{Mask/Mask.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
- /package/emotion/es/components/{Mask/Mask.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
- /package/styled-components/cjs/components/{Mask/Mask.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
- /package/styled-components/es/components/{Mask/Mask.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
@@ -0,0 +1,191 @@
|
|
1
|
+
import { useForm, Controller } from 'react-hook-form';
|
2
|
+
import React from 'react';
|
3
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
4
|
+
|
5
|
+
import { WithTheme } from '../../../_helpers';
|
6
|
+
import { Button } from '../Button/Button';
|
7
|
+
import { TextField } from '../TextField/TextField';
|
8
|
+
import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
|
9
|
+
import { Checkbox } from '../Checkbox/Checkbox';
|
10
|
+
import { Switch } from '../Switch/Switch';
|
11
|
+
import { Radiobox } from '../Radiobox/Radiobox';
|
12
|
+
import { RadioGroup } from '../../../../components/Radiobox';
|
13
|
+
import { Slider } from '../Slider/Slider';
|
14
|
+
import { useFormPlasma } from '../../../../hooks';
|
15
|
+
import { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from '../Calendar/Calendar';
|
16
|
+
|
17
|
+
type StoryDropdownProps = {};
|
18
|
+
|
19
|
+
const langName = 'language';
|
20
|
+
const itemsRadiobox = [
|
21
|
+
{ langName, value: 'c', label: 'C', disabled: false },
|
22
|
+
{ langName, value: 'cpp', label: 'C++', disabled: false },
|
23
|
+
{ langName, value: 'assembly', label: 'Assembly', disabled: false },
|
24
|
+
];
|
25
|
+
|
26
|
+
const DefaultForm = () => {
|
27
|
+
const onSubmit = (data) => {
|
28
|
+
console.log(data);
|
29
|
+
};
|
30
|
+
|
31
|
+
const { formRef, formData } = useFormPlasma(onSubmit, {
|
32
|
+
textfield: 'textfield',
|
33
|
+
textarea: 'textarea',
|
34
|
+
checkbox: 'checkobox',
|
35
|
+
switch: true,
|
36
|
+
radiobox: 'c',
|
37
|
+
slider: 10,
|
38
|
+
sliderd: [10, 20],
|
39
|
+
});
|
40
|
+
|
41
|
+
return (
|
42
|
+
<form onSubmit={formData} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }} ref={formRef}>
|
43
|
+
<TextField name="textfield" placeholder="Textfield" required={false} />
|
44
|
+
<TextArea name="textarea" autoResize placeholder="Textarea" />
|
45
|
+
<Checkbox name="checkbox" label="Checkbox" />
|
46
|
+
<Switch name="switch" label="Switch" labelPosition="after" />
|
47
|
+
<RadioGroup aria-labelledby="radiogroup-title-id">
|
48
|
+
<div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
|
49
|
+
Выберите язык программирования для изучения.
|
50
|
+
</div>
|
51
|
+
{itemsRadiobox.map((item) => (
|
52
|
+
<Radiobox
|
53
|
+
name="radiobox"
|
54
|
+
key={item.value}
|
55
|
+
value={item.value}
|
56
|
+
label={item.label}
|
57
|
+
disabled={item.disabled}
|
58
|
+
/>
|
59
|
+
))}
|
60
|
+
</RadioGroup>
|
61
|
+
<Slider name="slider" label="Slider" type="single" min={0} max={100} />
|
62
|
+
<Slider name="sliderd" label="Slider" type="double" min={0} max={100} />
|
63
|
+
<Button type="submit">Отправить</Button>
|
64
|
+
</form>
|
65
|
+
);
|
66
|
+
};
|
67
|
+
|
68
|
+
const meta: Meta<StoryDropdownProps> = {
|
69
|
+
title: 'plasma_b2c/Form',
|
70
|
+
decorators: [WithTheme],
|
71
|
+
component: DefaultForm,
|
72
|
+
};
|
73
|
+
|
74
|
+
export default meta;
|
75
|
+
|
76
|
+
const StoryPlasmaForm = () => {
|
77
|
+
return <DefaultForm />;
|
78
|
+
};
|
79
|
+
|
80
|
+
export const Default: StoryObj<StoryDropdownProps> = {
|
81
|
+
render: () => <StoryPlasmaForm />,
|
82
|
+
};
|
83
|
+
|
84
|
+
const DefaultUseForm = () => {
|
85
|
+
const { register, handleSubmit } = useForm({
|
86
|
+
defaultValues: {
|
87
|
+
textfield: 'John Doe',
|
88
|
+
textarea: 'Default description',
|
89
|
+
checkbox: true,
|
90
|
+
switch: true,
|
91
|
+
radiobox: 'c',
|
92
|
+
slider: 10,
|
93
|
+
},
|
94
|
+
});
|
95
|
+
const onSubmit = (data) => {
|
96
|
+
console.log(data);
|
97
|
+
};
|
98
|
+
|
99
|
+
return (
|
100
|
+
<form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
|
101
|
+
<TextField {...register('textfield')} placeholder="Textfield" required={false} />
|
102
|
+
<TextArea {...register('textarea')} autoResize placeholder="Textarea" />
|
103
|
+
<Checkbox {...register('checkbox')} label="Checkbox" />
|
104
|
+
<Switch {...register('switch')} label="Switch" labelPosition="after" />
|
105
|
+
<RadioGroup aria-labelledby="radiogroup-title-id">
|
106
|
+
<div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
|
107
|
+
Выберите язык программирования для изучения.
|
108
|
+
</div>
|
109
|
+
{itemsRadiobox.map((item) => (
|
110
|
+
<Radiobox
|
111
|
+
{...register('radiobox')}
|
112
|
+
key={item.value}
|
113
|
+
value={item.value}
|
114
|
+
label={item.label}
|
115
|
+
disabled={item.disabled}
|
116
|
+
/>
|
117
|
+
))}
|
118
|
+
</RadioGroup>
|
119
|
+
<Button type="submit">Отправить</Button>
|
120
|
+
</form>
|
121
|
+
);
|
122
|
+
};
|
123
|
+
|
124
|
+
const StoryHookForm = () => {
|
125
|
+
return <DefaultUseForm />;
|
126
|
+
};
|
127
|
+
|
128
|
+
export const UseHookForm: StoryObj<StoryDropdownProps> = {
|
129
|
+
render: () => <StoryHookForm />,
|
130
|
+
};
|
131
|
+
|
132
|
+
const DefaultUseFormController = () => {
|
133
|
+
const { control, handleSubmit } = useForm({
|
134
|
+
defaultValues: {
|
135
|
+
textfield: 'John Doe',
|
136
|
+
textarea: 'Default description',
|
137
|
+
checkbox: true,
|
138
|
+
switch: true,
|
139
|
+
radiobox: 'c',
|
140
|
+
slider: 10,
|
141
|
+
sliderd: [10, 20],
|
142
|
+
},
|
143
|
+
});
|
144
|
+
const onSubmit = (data) => {
|
145
|
+
console.log(data);
|
146
|
+
};
|
147
|
+
|
148
|
+
return (
|
149
|
+
<form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
|
150
|
+
<Controller
|
151
|
+
name="textfield"
|
152
|
+
control={control}
|
153
|
+
render={({ field }) => <TextField {...field} label="TextField" />}
|
154
|
+
/>
|
155
|
+
<Controller
|
156
|
+
name="textarea"
|
157
|
+
control={control}
|
158
|
+
render={({ field }) => <TextArea {...field} label="TextArea" />}
|
159
|
+
/>
|
160
|
+
<Controller
|
161
|
+
name="checkbox"
|
162
|
+
control={control}
|
163
|
+
render={({ field }) => <Checkbox {...field} checked={field.value} label="Checkbox" />}
|
164
|
+
/>
|
165
|
+
<Controller
|
166
|
+
name="switch"
|
167
|
+
control={control}
|
168
|
+
render={({ field }) => <Switch {...field} checked={field.value} labelPosition="after" label="Switch" />}
|
169
|
+
/>
|
170
|
+
<Controller
|
171
|
+
name="slider"
|
172
|
+
control={control}
|
173
|
+
render={({ field }) => <Slider {...field} type="single" label="Slider" min={0} max={100} />}
|
174
|
+
/>
|
175
|
+
<Controller
|
176
|
+
name="sliderd"
|
177
|
+
control={control}
|
178
|
+
render={({ field }) => <Slider {...field} type="double" label="Slider" min={0} max={100} />}
|
179
|
+
/>
|
180
|
+
<Button type="submit">Отправить</Button>
|
181
|
+
</form>
|
182
|
+
);
|
183
|
+
};
|
184
|
+
|
185
|
+
const StoryHookFormController = () => {
|
186
|
+
return <DefaultUseFormController />;
|
187
|
+
};
|
188
|
+
|
189
|
+
export const UseHookFormController: StoryObj<StoryDropdownProps> = {
|
190
|
+
render: () => <StoryHookFormController />,
|
191
|
+
};
|
@@ -4,4 +4,5 @@ export { usePreviousValue } from './usePreviousValue';
|
|
4
4
|
export { useForceUpdate } from './useForceUpdate';
|
5
5
|
export { useDidMountEffect } from './useDidMountEffect';
|
6
6
|
export { useOutsideClick } from './useOutsideClick';
|
7
|
-
export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
|
7
|
+
export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
|
8
|
+
export { useFormPlasma } from './useForm';
|
@@ -0,0 +1,93 @@
|
|
1
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
2
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
4
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
5
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
7
|
+
import React, { useEffect } from 'react';
|
8
|
+
var initData = function initData(ref, defaultValues) {
|
9
|
+
if (ref.current) {
|
10
|
+
var form = ref.current;
|
11
|
+
var items = form.elements;
|
12
|
+
for (var i = 0; i < items.length; i++) {
|
13
|
+
var item = items[i];
|
14
|
+
var _name = item.name,
|
15
|
+
value = item.value,
|
16
|
+
type = item.type;
|
17
|
+
if ((type === 'text' || type === 'textarea') && defaultValues[_name]) {
|
18
|
+
item.value = String(defaultValues[_name]);
|
19
|
+
}
|
20
|
+
if (type === 'checkbox' && defaultValues[_name]) {
|
21
|
+
item.checked = Boolean(defaultValues[_name]);
|
22
|
+
}
|
23
|
+
if (type === 'radio' && defaultValues[_name]) {
|
24
|
+
item.checked = defaultValues[_name] === value;
|
25
|
+
}
|
26
|
+
if (type === 'number' && defaultValues[_name]) {
|
27
|
+
var sliderType = item.getAttribute('datatype');
|
28
|
+
if (sliderType === 'slider-single') {
|
29
|
+
item.setAttribute('defaultValue', String(defaultValues[_name]));
|
30
|
+
var event = new Event('setInitValue');
|
31
|
+
item.dispatchEvent(event);
|
32
|
+
}
|
33
|
+
if (sliderType === 'slider-double') {
|
34
|
+
var isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;
|
35
|
+
var _data = defaultValues[_name];
|
36
|
+
item.setAttribute('defaultValue', String(_data[isMax]));
|
37
|
+
var _event = new Event('setInitValue');
|
38
|
+
item.dispatchEvent(_event);
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
43
|
+
};
|
44
|
+
var valideParams = function valideParams(name) {
|
45
|
+
return name && name !== '';
|
46
|
+
};
|
47
|
+
export var useFormPlasma = function useFormPlasma(onSubmit, defaultValues) {
|
48
|
+
var formRef = /*#__PURE__*/React.createRef();
|
49
|
+
useEffect(function () {
|
50
|
+
initData(formRef, defaultValues);
|
51
|
+
});
|
52
|
+
var formData = function formData(event) {
|
53
|
+
event.preventDefault();
|
54
|
+
var result = {};
|
55
|
+
var form = event.target;
|
56
|
+
var items = form.elements;
|
57
|
+
for (var i = 0; i < items.length; i++) {
|
58
|
+
var item = items[i];
|
59
|
+
var _name2 = item.name,
|
60
|
+
value = item.value,
|
61
|
+
type = item.type;
|
62
|
+
if ((type === 'text' || type === 'textarea') && valideParams(_name2)) {
|
63
|
+
result[_name2] = value;
|
64
|
+
} else if (type === 'checkbox' && valideParams(_name2)) {
|
65
|
+
result[_name2] = item.checked;
|
66
|
+
} else if (type === 'radio' && valideParams(_name2)) {
|
67
|
+
if (item.checked) {
|
68
|
+
result[_name2] = value;
|
69
|
+
} else if (!(_name2 in result)) {
|
70
|
+
result[_name2] = null;
|
71
|
+
}
|
72
|
+
} else if (type === 'number' && valideParams(_name2)) {
|
73
|
+
var sliderType = item.getAttribute('datatype');
|
74
|
+
if (sliderType === 'slider-single') {
|
75
|
+
result[_name2] = value;
|
76
|
+
}
|
77
|
+
if (sliderType === 'slider-double') {
|
78
|
+
var isMin = item.getAttribute('data-slidertype') === 'min';
|
79
|
+
if (isMin) {
|
80
|
+
result[_name2] = [Number(value)];
|
81
|
+
} else if (!isMin && Array.isArray(result[_name2])) {
|
82
|
+
result[_name2] = [].concat(_toConsumableArray(result[_name2]), [Number(value)]);
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
onSubmit(result);
|
88
|
+
};
|
89
|
+
return {
|
90
|
+
formRef: formRef,
|
91
|
+
formData: formData
|
92
|
+
};
|
93
|
+
};
|
@@ -3,6 +3,7 @@ export { extractTextFrom } from './extractTextFrom';
|
|
3
3
|
export { getSizeValueFromProp } from './getSizeValueFromProp';
|
4
4
|
export { IS_REACT_18, safeUseId } from './react';
|
5
5
|
export { isNumber } from './isNumber';
|
6
|
+
export { mergeRefs, setRefList } from './setRefList';
|
6
7
|
export { isEmpty } from './isEmpty';
|
7
8
|
import * as _constants from './constants';
|
8
9
|
export { _constants as constants };
|
@@ -0,0 +1,20 @@
|
|
1
|
+
export function mergeRefs() {
|
2
|
+
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
3
|
+
refs[_key] = arguments[_key];
|
4
|
+
}
|
5
|
+
return function (val) {
|
6
|
+
setRefList.apply(void 0, [val].concat(refs));
|
7
|
+
};
|
8
|
+
}
|
9
|
+
export function setRefList(val) {
|
10
|
+
for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
11
|
+
refs[_key2 - 1] = arguments[_key2];
|
12
|
+
}
|
13
|
+
refs.forEach(function (ref) {
|
14
|
+
if (typeof ref === 'function') {
|
15
|
+
ref(val);
|
16
|
+
} else if (ref != null) {
|
17
|
+
ref.current = val;
|
18
|
+
}
|
19
|
+
});
|
20
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,eAAO,MAAM,UAAU,SAAU,sBAAsB,cAAc,EAAE,WAAW,CAAC,uFAQ7E,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAVQ,sBAAsB,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+BlF,CAAC"}
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import type {
|
2
|
-
export declare type SliderProps = SingleSliderProps |
|
1
|
+
import type { SingleSliderProps, DoubleUncontrolledProps } from './components';
|
2
|
+
export declare type SliderProps = SingleSliderProps | DoubleUncontrolledProps;
|
3
3
|
//# sourceMappingURL=Slider.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,
|
1
|
+
{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE/E,oBAAY,WAAW,GAAG,iBAAiB,GAAG,uBAAuB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAmBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+V9C,CAAC"}
|
@@ -102,4 +102,5 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
|
|
102
102
|
} & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>))>;
|
103
103
|
export declare const DoubleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
104
104
|
export declare const SliderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
105
|
+
export declare const InputHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
105
106
|
//# sourceMappingURL=Double.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Double.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJAiCvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC"}
|
1
|
+
{"version":3,"file":"Double.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJAiCvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC;AAE1C,eAAO,MAAM,WAAW,8KAOvB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;
|
1
|
+
{"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DoubleUncontrolled.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,EAAE,EAAY,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA+C1D,CAAC"}
|
package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DoubleUncontrolled.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,oBAAY,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAWxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsL9C,CAAC"}
|
@@ -5,4 +5,5 @@ export declare const Label: import("@linaria/react").StyledComponent<import("rea
|
|
5
5
|
export declare const StyledRangeValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
6
6
|
export declare const SliderBaseWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
7
7
|
export declare const SingleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
8
|
+
export declare const InputHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
8
9
|
//# sourceMappingURL=Single.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAiBzB,CAAC"}
|
1
|
+
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAiBzB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAOvB,CAAC"}
|
@@ -4,7 +4,7 @@ export interface SingleSliderProps extends SliderBaseProps, SliderInternalProps,
|
|
4
4
|
/**
|
5
5
|
* Текущее знaчение
|
6
6
|
*/
|
7
|
-
value
|
7
|
+
value?: number;
|
8
8
|
/**
|
9
9
|
* Вызывается при отпускании ползунка
|
10
10
|
*/
|
@@ -51,5 +51,7 @@ export interface SingleSliderProps extends SliderBaseProps, SliderInternalProps,
|
|
51
51
|
multipleStepSize?: number;
|
52
52
|
view?: string;
|
53
53
|
size?: 's' | 'm' | 'l';
|
54
|
+
name?: string;
|
55
|
+
type?: 'single';
|
54
56
|
}
|
55
57
|
//# sourceMappingURL=Single.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;
|
1
|
+
{"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB"}
|
@@ -1,5 +1,7 @@
|
|
1
1
|
export * from './Single/Single';
|
2
2
|
export * from './Double/Double';
|
3
|
+
export * from './DoubleUncontrolled/DoubleUncontrolled';
|
4
|
+
export type { DoubleUncontrolledProps } from './DoubleUncontrolled/DoubleUncontrolled.types';
|
3
5
|
export type { SingleSliderProps } from './Single/Single.types';
|
4
6
|
export type { DoubleSliderProps } from './Double/Double.types';
|
5
7
|
export type { SliderInternalProps, SliderSettings } from './SliderBase/SliderBase.types';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yCAAyC,CAAC;AAExD,YAAY,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAC7F,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEzC;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAI5G;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CACtB,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,EACjG,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GACxB,MAAM,EAAE,CAgBV;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAapB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEzC;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAI5G;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CACtB,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,EACjG,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GACxB,MAAM,EAAE,CAgBV;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAapB,CAAC;AAEF,eAAO,MAAM,YAAY,MAAO,KAAK,KAAG,MAKvC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAqBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA4B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAqBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA4B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,8FA+K1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAjLQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;CAyM/E,CAAC"}
|
@@ -13,7 +13,9 @@ export declare const Slider: import("react").FunctionComponent<import("../../../
|
|
13
13
|
disabled: {
|
14
14
|
true: import("@linaria/core").LinariaClassName;
|
15
15
|
};
|
16
|
-
}> & ((import("../../../../components/Slider").SingleSliderProps & import("react").RefAttributes<HTMLDivElement>) | (import("../../../../components/Slider").DoubleSliderProps
|
16
|
+
}> & ((import("../../../../components/Slider").SingleSliderProps & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("../../../../components/Slider").DoubleSliderProps, "value"> & {
|
17
|
+
value?: number[] | undefined;
|
18
|
+
} & import("react").RefAttributes<HTMLDivElement>))>;
|
17
19
|
/**
|
18
20
|
* Слайдер позволяет определить числовое значение в пределах указанного промежутка.
|
19
21
|
* Можно указать два значения.
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Slider/Slider.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Slider/Slider.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;oDAA0B,CAAC;AAE9C;;;GAGG"}
|
@@ -13,7 +13,9 @@ export declare const Slider: import("react").FunctionComponent<import("../../../
|
|
13
13
|
disabled: {
|
14
14
|
true: import("@linaria/core").LinariaClassName;
|
15
15
|
};
|
16
|
-
}> & ((import("../../../../components/Slider").SingleSliderProps & import("react").RefAttributes<HTMLDivElement>) | (import("../../../../components/Slider").DoubleSliderProps
|
16
|
+
}> & ((import("../../../../components/Slider").SingleSliderProps & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("../../../../components/Slider").DoubleSliderProps, "value"> & {
|
17
|
+
value?: number[] | undefined;
|
18
|
+
} & import("react").RefAttributes<HTMLDivElement>))>;
|
17
19
|
/**
|
18
20
|
* Слайдер позволяет определить числовое значение в пределах указанного промежутка.
|
19
21
|
* Можно указать два значения.
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Slider/Slider.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Slider/Slider.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;oDAA0B,CAAC;AAE9C;;;GAGG"}
|
package/types/hooks/index.d.ts
CHANGED
@@ -5,4 +5,5 @@ export { useForceUpdate } from './useForceUpdate';
|
|
5
5
|
export { useDidMountEffect } from './useDidMountEffect';
|
6
6
|
export { useOutsideClick } from './useOutsideClick';
|
7
7
|
export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
|
8
|
+
export { useFormPlasma } from './useForm';
|
8
9
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type DataType = {
|
3
|
+
[name: string]: string | boolean | null | number | number[];
|
4
|
+
};
|
5
|
+
export declare const useFormPlasma: (onSubmit: (data: DataType) => void, defaultValues: DataType) => {
|
6
|
+
formRef: React.RefObject<HTMLFormElement>;
|
7
|
+
formData: (event: React.FormEvent<HTMLFormElement>) => void;
|
8
|
+
};
|
9
|
+
export {};
|
10
|
+
//# sourceMappingURL=useForm.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,aAAK,QAAQ,GAAG;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC;AAiDhF,eAAO,MAAM,aAAa,oBAAqB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ;;sBAO5D,MAAM,SAAS,CAAC,eAAe,CAAC;CA4C5D,CAAC"}
|
package/types/utils/index.d.ts
CHANGED
@@ -4,6 +4,7 @@ export { extractTextFrom } from './extractTextFrom';
|
|
4
4
|
export { getSizeValueFromProp } from './getSizeValueFromProp';
|
5
5
|
export { IS_REACT_18, safeUseId } from './react';
|
6
6
|
export { isNumber } from './isNumber';
|
7
|
+
export { mergeRefs, setRefList } from './setRefList';
|
7
8
|
export { isEmpty } from './isEmpty';
|
8
9
|
export * as constants from './constants';
|
9
10
|
export * from './getPopoverPlacement';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAEtC,eAAO,MAAM,EAAE,eAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,WAAuD,CAAC;AAE7G,eAAO,MAAM,eAAe,MAAO,oBAAoB,WAAW,MAAM,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,KAAG,MAQ1G,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAEtC,eAAO,MAAM,EAAE,eAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,WAAuD,CAAC;AAE7G,eAAO,MAAM,eAAe,MAAO,oBAAoB,WAAW,MAAM,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,KAAG,MAQ1G,CAAC"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { MutableRefObject, RefCallback } from 'react';
|
2
|
+
declare type MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;
|
3
|
+
export declare function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T>;
|
4
|
+
export declare function setRefList<T>(val: T, ...refs: MutableRefList<T>): void;
|
5
|
+
export {};
|
6
|
+
//# sourceMappingURL=setRefList.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"setRefList.d.ts","sourceRoot":"","sources":["../../src/utils/setRefList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3D,aAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;AAExF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAIvE;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAQtE"}
|