@salutejs/plasma-new-hope 0.163.1-canary.1479.11291358294.0 → 0.164.0-canary.1452.11292135082.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Attach/Attach.js +8 -13
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Slider/Slider.css +15 -13
- package/cjs/components/Slider/Slider.js +11 -3
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.tokens.js +23 -17
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +8 -8
- package/cjs/components/Slider/components/Double/Double.js +58 -23
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +77 -0
- package/cjs/components/Slider/components/Single/Single.css +14 -14
- package/cjs/components/Slider/components/Single/Single.js +59 -31
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_14wadfy.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +30 -12
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +5 -0
- package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js +49 -88
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +17 -7
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +2 -0
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +122 -0
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +1 -0
- package/cjs/components/Slider/utils/index.js +28 -10
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base.js +1 -1
- package/cjs/components/Slider/variations/_view/base.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +1 -0
- package/cjs/index.css +15 -13
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Attach/Attach.js +8 -13
- package/emotion/cjs/components/Slider/Slider.js +10 -2
- package/emotion/cjs/components/Slider/Slider.tokens.js +23 -17
- package/emotion/cjs/components/Slider/components/Double/Double.js +54 -19
- package/emotion/cjs/components/Slider/components/Single/Single.js +59 -31
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +18 -9
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +30 -12
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +52 -88
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +9 -15
- package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +121 -0
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/cjs/components/Slider/utils/index.js +28 -10
- package/emotion/cjs/components/Slider/variations/_view/base.js +2 -1
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
- package/emotion/es/components/Attach/Attach.js +8 -13
- package/emotion/es/components/Slider/Slider.js +11 -2
- package/emotion/es/components/Slider/Slider.tokens.js +23 -17
- package/emotion/es/components/Slider/components/Double/Double.js +54 -19
- package/emotion/es/components/Slider/components/Single/Single.js +60 -32
- package/emotion/es/components/Slider/components/Single/Single.styles.js +17 -8
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +30 -12
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
- package/emotion/es/components/Slider/ui/Handler/Handler.js +51 -86
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +10 -16
- package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +115 -0
- package/emotion/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/es/components/Slider/utils/index.js +28 -10
- package/emotion/es/components/Slider/variations/_view/base.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
- package/es/components/Attach/Attach.js +8 -13
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Slider/Slider.css +15 -13
- package/es/components/Slider/Slider.js +11 -3
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/Slider.tokens.js +23 -17
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +8 -8
- package/es/components/Slider/components/Double/Double.js +54 -19
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +77 -0
- package/es/components/Slider/components/Single/Single.css +14 -14
- package/es/components/Slider/components/Single/Single.js +60 -32
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +4 -4
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles_14wadfy.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/es/components/Slider/components/SliderBase/SliderBase.js +30 -12
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +5 -0
- package/es/components/Slider/ui/Handler/Handler.css +3 -3
- package/es/components/Slider/ui/Handler/Handler.js +48 -87
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js +17 -7
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +2 -0
- package/es/components/Slider/ui/Handler/computeKeyPressData.js +118 -0
- package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +1 -0
- package/es/components/Slider/utils/index.js +28 -10
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/Slider/variations/_view/base.js +1 -1
- package/es/components/Slider/variations/_view/base.js.map +1 -1
- package/es/components/Slider/variations/_view/base_1s3f6q8.css +1 -0
- package/es/index.css +15 -13
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Attach/Attach.js +8 -13
- package/styled-components/cjs/components/Slider/Slider.js +10 -2
- package/styled-components/cjs/components/Slider/Slider.tokens.js +23 -17
- package/styled-components/cjs/components/Slider/components/Double/Double.js +54 -19
- package/styled-components/cjs/components/Slider/components/Single/Single.js +59 -31
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +30 -12
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +52 -88
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -4
- package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +121 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/cjs/components/Slider/utils/index.js +28 -10
- package/styled-components/cjs/components/Slider/variations/_view/base.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
- package/styled-components/es/components/Attach/Attach.js +8 -13
- package/styled-components/es/components/Slider/Slider.js +11 -2
- package/styled-components/es/components/Slider/Slider.tokens.js +23 -17
- package/styled-components/es/components/Slider/components/Double/Double.js +54 -19
- package/styled-components/es/components/Slider/components/Single/Single.js +60 -32
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +30 -12
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +51 -86
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -5
- package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +115 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/es/components/Slider/utils/index.js +28 -10
- package/styled-components/es/components/Slider/variations/_view/base.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
- package/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +22 -16
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +1 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +75 -7
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +2 -0
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts +6 -2
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +5 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +12 -0
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +26 -8
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +80 -2
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +80 -2
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +0 -5
- package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +0 -5
- package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
- package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
@@ -4,14 +4,18 @@ import styled from 'styled-components';
|
|
4
4
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
5
|
import type { StoryObj, Meta } from '@storybook/react';
|
6
6
|
|
7
|
+
import { IconMic } from '../../../../components/_Icon';
|
7
8
|
import { WithTheme } from '../../../_helpers';
|
8
9
|
|
9
10
|
import { Slider } from './Slider';
|
10
11
|
|
11
12
|
const sizes = ['l', 'm', 's'];
|
13
|
+
const pointerSizes = ['small', 'large', 'none'];
|
12
14
|
const views = ['default', 'accent', 'gradient'];
|
13
|
-
const
|
14
|
-
const
|
15
|
+
const sliderAligns = ['center', 'left', 'right', 'none'];
|
16
|
+
const labelPlacements = ['top', 'left'];
|
17
|
+
const scaleAligns = ['side', 'bottom'];
|
18
|
+
const orientations: Array<string> = ['vertical', 'horizontal'];
|
15
19
|
|
16
20
|
const meta: Meta<typeof Slider> = {
|
17
21
|
title: 'plasma_web/Slider',
|
@@ -30,9 +34,24 @@ const meta: Meta<typeof Slider> = {
|
|
30
34
|
type: 'inline-radio',
|
31
35
|
},
|
32
36
|
},
|
37
|
+
pointerSize: {
|
38
|
+
options: pointerSizes,
|
39
|
+
control: {
|
40
|
+
type: 'inline-radio',
|
41
|
+
},
|
42
|
+
},
|
43
|
+
orientation: {
|
44
|
+
options: orientations,
|
45
|
+
control: {
|
46
|
+
type: 'select',
|
47
|
+
},
|
48
|
+
},
|
33
49
|
...disableProps([
|
34
50
|
'value',
|
35
51
|
'onChangeCommitted',
|
52
|
+
'onChangeTextField',
|
53
|
+
'onBlurTextField',
|
54
|
+
'onKeyDownTextField',
|
36
55
|
'ariaLabel',
|
37
56
|
'onChange',
|
38
57
|
'fontSizeMultiplier',
|
@@ -52,8 +71,9 @@ type StorySingleProps = StoryProps;
|
|
52
71
|
type StorySingle = StoryObj<StorySingleProps>;
|
53
72
|
type StoryDouble = StoryObj<StoryProps>;
|
54
73
|
|
55
|
-
const SliderWrapper = styled.div
|
56
|
-
width: 25rem;
|
74
|
+
const SliderWrapper = styled.div<{ isVertical?: boolean }>`
|
75
|
+
width: ${({ isVertical }) => (isVertical ? 'auto' : '25rem')};
|
76
|
+
height: ${({ isVertical }) => (isVertical ? '25rem' : 'auto')};
|
57
77
|
`;
|
58
78
|
|
59
79
|
const StoryDefault = (args: StorySingleProps) => {
|
@@ -67,41 +87,86 @@ const StoryDefault = (args: StorySingleProps) => {
|
|
67
87
|
setValue(values);
|
68
88
|
};
|
69
89
|
|
90
|
+
const { hasIcon, showIcon, orientation, labelPlacement, labelVerticalPlacement, ...rest } = args;
|
91
|
+
const isVertical = orientation === 'vertical';
|
92
|
+
|
70
93
|
return (
|
71
|
-
<SliderWrapper>
|
72
|
-
<Slider
|
94
|
+
<SliderWrapper isVertical={isVertical}>
|
95
|
+
<Slider
|
96
|
+
value={value}
|
97
|
+
orientation={orientation}
|
98
|
+
labelPlacement={labelPlacement}
|
99
|
+
labelContent={showIcon ? <IconMic size={rest.size === 's' ? 'xs' : 's'} /> : null}
|
100
|
+
onChangeCommitted={onChangeCommittedHandle}
|
101
|
+
onChange={onChangeHandle}
|
102
|
+
{...rest}
|
103
|
+
/>
|
73
104
|
</SliderWrapper>
|
74
105
|
);
|
75
106
|
};
|
76
107
|
|
77
108
|
export const Default: StorySingle = {
|
78
109
|
argTypes: {
|
110
|
+
sliderAlign: {
|
111
|
+
options: sliderAligns,
|
112
|
+
control: {
|
113
|
+
type: 'inline-radio',
|
114
|
+
},
|
115
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
116
|
+
},
|
79
117
|
labelPlacement: {
|
80
118
|
options: labelPlacements,
|
81
119
|
control: {
|
82
120
|
type: 'inline-radio',
|
83
121
|
},
|
122
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
123
|
+
},
|
124
|
+
labelReversed: {
|
125
|
+
control: {
|
126
|
+
type: 'boolean',
|
127
|
+
expanded: true,
|
128
|
+
},
|
129
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
130
|
+
},
|
131
|
+
scaleAlign: {
|
132
|
+
options: scaleAligns,
|
133
|
+
control: {
|
134
|
+
type: 'inline-radio',
|
135
|
+
},
|
136
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
84
137
|
},
|
85
|
-
|
86
|
-
options:
|
138
|
+
orientation: {
|
139
|
+
options: orientations,
|
87
140
|
control: {
|
88
141
|
type: 'inline-radio',
|
89
142
|
},
|
90
143
|
},
|
144
|
+
reversed: {
|
145
|
+
control: {
|
146
|
+
type: 'boolean',
|
147
|
+
},
|
148
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
149
|
+
},
|
91
150
|
},
|
92
151
|
args: {
|
93
152
|
view: 'default',
|
94
153
|
size: 'm',
|
154
|
+
pointerSize: 'small',
|
95
155
|
min: 0,
|
96
156
|
max: 100,
|
97
|
-
|
98
|
-
ariaLabel: 'Цена
|
157
|
+
orientation: 'horizontal',
|
158
|
+
ariaLabel: 'Цена микрофона',
|
99
159
|
multipleStepSize: 10,
|
100
|
-
label: 'Цена
|
101
|
-
labelPlacement: '
|
102
|
-
|
103
|
-
|
160
|
+
label: 'Цена микрофона',
|
161
|
+
labelPlacement: 'top',
|
162
|
+
sliderAlign: 'center',
|
163
|
+
scaleAlign: 'bottom',
|
164
|
+
showScale: true,
|
104
165
|
showCurrentValue: false,
|
166
|
+
showIcon: true,
|
167
|
+
reversed: false,
|
168
|
+
labelReversed: false,
|
169
|
+
disabled: false,
|
105
170
|
},
|
106
171
|
render: (args) => <StoryDefault {...args} />,
|
107
172
|
};
|
@@ -141,7 +206,7 @@ const StoryMultipleValues = (args: StoryProps) => {
|
|
141
206
|
};
|
142
207
|
|
143
208
|
return (
|
144
|
-
<SliderWrapper>
|
209
|
+
<SliderWrapper isVertical={args.orientation === 'vertical'}>
|
145
210
|
<Slider
|
146
211
|
value={value}
|
147
212
|
onKeyDownTextField={onKeyDownTextField}
|
@@ -158,6 +223,7 @@ export const MultipleValues: StoryDouble = {
|
|
158
223
|
args: {
|
159
224
|
view: 'default',
|
160
225
|
size: 'm',
|
226
|
+
pointerSize: 'small',
|
161
227
|
min: 0,
|
162
228
|
max: 100,
|
163
229
|
disabled: false,
|
@@ -165,5 +231,14 @@ export const MultipleValues: StoryDouble = {
|
|
165
231
|
ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
|
166
232
|
multipleStepSize: 10,
|
167
233
|
},
|
234
|
+
argTypes: {
|
235
|
+
pointerSize: {
|
236
|
+
options: ['small', 'large'],
|
237
|
+
control: {
|
238
|
+
type: 'inline-radio',
|
239
|
+
},
|
240
|
+
},
|
241
|
+
...disableProps(['orientation']),
|
242
|
+
},
|
168
243
|
render: (args) => <StoryMultipleValues {...args} />,
|
169
244
|
};
|
@@ -17,7 +17,7 @@ import { addSeparator } from './utils/addSeparator.js';
|
|
17
17
|
import { getFileicon } from './utils/getFileicon.js';
|
18
18
|
|
19
19
|
var _IconCloseCircleOutli;
|
20
|
-
var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"
|
20
|
+
var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
|
21
21
|
var attachRoot = function attachRoot(Root) {
|
22
22
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
23
23
|
var _props$flow = props.flow,
|
@@ -33,9 +33,6 @@ var attachRoot = function attachRoot(Root) {
|
|
33
33
|
style = props.style,
|
34
34
|
isLoading = props.isLoading,
|
35
35
|
disabled = props.disabled,
|
36
|
-
id = props.id,
|
37
|
-
name = props.name,
|
38
|
-
onChange = props.onChange,
|
39
36
|
rest = _objectWithoutProperties(props, _excluded);
|
40
37
|
var innerRef = useRef(null);
|
41
38
|
var ref = useForkRef(outerRef, innerRef);
|
@@ -104,14 +101,11 @@ var attachRoot = function attachRoot(Root) {
|
|
104
101
|
}
|
105
102
|
inputRef.current.click();
|
106
103
|
};
|
107
|
-
var handleChange = function handleChange(
|
108
|
-
if (!
|
104
|
+
var handleChange = function handleChange() {
|
105
|
+
if (!inputRef.current || !inputRef.current.files) {
|
109
106
|
return;
|
110
107
|
}
|
111
|
-
|
112
|
-
onChange(e);
|
113
|
-
}
|
114
|
-
setFilename(e.target.files[0].name);
|
108
|
+
setFilename(inputRef.current.files[0].name);
|
115
109
|
};
|
116
110
|
var handleClear = function handleClear() {
|
117
111
|
if (!inputRef.current) {
|
@@ -131,11 +125,12 @@ var attachRoot = function attachRoot(Root) {
|
|
131
125
|
ref: inputRef,
|
132
126
|
accept: accept,
|
133
127
|
type: "file",
|
134
|
-
id:
|
135
|
-
name:
|
128
|
+
id: "attachHiddenInput",
|
129
|
+
name: "attachHiddenInput",
|
136
130
|
onChange: handleChange
|
137
131
|
}), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
|
138
|
-
ref: inputHelperRef
|
132
|
+
ref: inputHelperRef,
|
133
|
+
id: "attachHiddenInputHelper"
|
139
134
|
}, filename), /*#__PURE__*/React.createElement(AttachButton, _extends({
|
140
135
|
buttonType: buttonType,
|
141
136
|
view: view,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useEffect, useRef, useState } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n const {\n flow = 'auto',\n buttonType = 'button',\n hasAttachment = true,\n acceptedFileFormats,\n size,\n view,\n className,\n style,\n isLoading,\n disabled,\n id,\n name,\n onChange,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const inputHelperRef = useRef<HTMLDivElement | null>(null);\n const cellRef = useRef<HTMLDivElement | null>(null);\n const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n const emptyTextCellWidth = useRef<number | null>(null);\n\n const [filename, setFilename] = useState<string>('');\n const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n const autoClass = flow === 'auto' ? classes.auto : undefined;\n const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n const accept = acceptedFileFormats?.join(',');\n const extension = extractExtension(filename);\n const cellContentLeft = getFileicon(extension, size);\n\n useEffect(() => {\n emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !cellRef.current ||\n !cellRef.current.parentElement ||\n !inputHelperRef.current ||\n !inputHelperRef.current.textContent ||\n !emptyTextCellWidth.current ||\n !buttonRef.current\n ) {\n return;\n }\n\n const { offsetWidth: textWidth } = inputHelperRef.current;\n const { offsetWidth: buttonWidth } = buttonRef.current;\n const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n const leftDiff = cellLeft - parentLeft;\n let currentTextWidth = textWidth;\n\n if (\n currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n currentTextWidth + emptyTextCellWidth.current < buttonWidth\n ) {\n setTruncatedFilename(filename);\n return;\n }\n\n let currFilename = addSeparator(filename, separator);\n for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n break;\n }\n\n const left = currFilename.slice(0, i);\n const right = currFilename.slice(i + 1);\n const newFilename = `${left}${right}`;\n inputHelperRef.current.textContent = newFilename;\n currentTextWidth = inputHelperRef.current.offsetWidth;\n\n if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n break;\n }\n\n currFilename = newFilename;\n }\n\n inputHelperRef.current.textContent = filename;\n setTruncatedFilename(currFilename);\n });\n\n const handleClick = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.click();\n };\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n if (!e.target.files) {\n return;\n }\n\n if (onChange) {\n onChange(e);\n }\n\n setFilename(e.target.files[0].name);\n };\n\n const handleClear = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.value = '';\n setFilename('');\n setTruncatedFilename('');\n };\n\n return (\n <Root\n className={cx(horizontalClass, verticalClass, autoClass, className)}\n style={style}\n size={size}\n view={view}\n ref={ref}\n >\n <StyledHiddenInput\n ref={inputRef}\n accept={accept}\n type=\"file\"\n id={id}\n name={name}\n onChange={handleChange}\n />\n <StyledHiddenInputHelper ref={inputHelperRef}>{filename}</StyledHiddenInputHelper>\n\n <AttachButton\n buttonType={buttonType}\n view={view}\n size={size}\n onClick={handleClick}\n isLoading={isLoading}\n disabled={disabled}\n ref={buttonRef}\n {...rest}\n />\n {hasAttachment && (\n <StyledCell\n stretching=\"fixed\"\n className={cellHiddenClass}\n ref={cellRef}\n size={size}\n title={truncatedFilename}\n contentLeft={cellContentLeft}\n contentRight={\n <StyledIconButtonCancel view={view} size={size} onClick={handleClear}>\n <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n </StyledIconButtonCancel>\n }\n />\n )}\n </Root>\n );\n });\n\nexport const attachConfig = {\n name: 'Attach',\n tag: 'div',\n layout: attachRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","style","isLoading","disabled","id","name","onChange","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","e","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledHiddenInputHelper","AttachButton","_extends","onClick","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n const {\n flow = 'auto',\n buttonType = 'button',\n hasAttachment = true,\n acceptedFileFormats,\n size,\n view,\n className,\n style,\n isLoading,\n disabled,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const inputHelperRef = useRef<HTMLDivElement | null>(null);\n const cellRef = useRef<HTMLDivElement | null>(null);\n const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n const emptyTextCellWidth = useRef<number | null>(null);\n\n const [filename, setFilename] = useState<string>('');\n const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n const autoClass = flow === 'auto' ? classes.auto : undefined;\n const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n const accept = acceptedFileFormats?.join(',');\n const extension = extractExtension(filename);\n const cellContentLeft = getFileicon(extension, size);\n\n useEffect(() => {\n emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !cellRef.current ||\n !cellRef.current.parentElement ||\n !inputHelperRef.current ||\n !inputHelperRef.current.textContent ||\n !emptyTextCellWidth.current ||\n !buttonRef.current\n ) {\n return;\n }\n\n const { offsetWidth: textWidth } = inputHelperRef.current;\n const { offsetWidth: buttonWidth } = buttonRef.current;\n const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n const leftDiff = cellLeft - parentLeft;\n let currentTextWidth = textWidth;\n\n if (\n currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n currentTextWidth + emptyTextCellWidth.current < buttonWidth\n ) {\n setTruncatedFilename(filename);\n return;\n }\n\n let currFilename = addSeparator(filename, separator);\n for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n break;\n }\n\n const left = currFilename.slice(0, i);\n const right = currFilename.slice(i + 1);\n const newFilename = `${left}${right}`;\n inputHelperRef.current.textContent = newFilename;\n currentTextWidth = inputHelperRef.current.offsetWidth;\n\n if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n break;\n }\n\n currFilename = newFilename;\n }\n\n inputHelperRef.current.textContent = filename;\n setTruncatedFilename(currFilename);\n });\n\n const handleClick = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.click();\n };\n\n const handleChange = () => {\n if (!inputRef.current || !inputRef.current.files) {\n return;\n }\n\n setFilename(inputRef.current.files[0].name);\n };\n\n const handleClear = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.value = '';\n setFilename('');\n setTruncatedFilename('');\n };\n\n return (\n <Root\n className={cx(horizontalClass, verticalClass, autoClass, className)}\n style={style}\n size={size}\n view={view}\n ref={ref}\n >\n <StyledHiddenInput\n ref={inputRef}\n accept={accept}\n type=\"file\"\n id=\"attachHiddenInput\"\n name=\"attachHiddenInput\"\n onChange={handleChange}\n />\n <StyledHiddenInputHelper ref={inputHelperRef} id=\"attachHiddenInputHelper\">\n {filename}\n </StyledHiddenInputHelper>\n\n <AttachButton\n buttonType={buttonType}\n view={view}\n size={size}\n onClick={handleClick}\n isLoading={isLoading}\n disabled={disabled}\n ref={buttonRef}\n {...rest}\n />\n {hasAttachment && (\n <StyledCell\n stretching=\"fixed\"\n className={cellHiddenClass}\n ref={cellRef}\n size={size}\n title={truncatedFilename}\n contentLeft={cellContentLeft}\n contentRight={\n <StyledIconButtonCancel view={view} size={size} onClick={handleClear}>\n <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n </StyledIconButtonCancel>\n }\n />\n )}\n </Root>\n );\n });\n\nexport const attachConfig = {\n name: 'Attach',\n tag: 'div',\n layout: attachRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","style","isLoading","disabled","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","files","name","handleClear","value","React","createElement","cx","StyledHiddenInput","type","id","onChange","StyledHiddenInputHelper","AttachButton","_extends","onClick","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -1,20 +1,22 @@
|
|
1
|
-
.
|
2
|
-
.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
1
|
+
.base_1s3f6q8_b1c93yiw__8f5ba4a1.base_1s3f6q8_sliderVerticalOrientation__8f5ba4a1{height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
3
2
|
|
4
|
-
.
|
3
|
+
.Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);}
|
4
|
+
.Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
5
5
|
|
6
|
-
.
|
7
|
-
.SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
|
8
|
-
.SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
9
|
-
.SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
10
|
-
.SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
6
|
+
.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
11
7
|
|
12
|
-
.
|
8
|
+
.SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
9
|
+
.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
|
10
|
+
.SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
|
11
|
+
.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
12
|
+
.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
13
13
|
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
14
|
+
.Single_styles_14wadfy_l1p4kc08__6db06297{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
15
|
+
.Single_styles_14wadfy_ly2gexi__6db06297{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
16
|
+
.Single_styles_14wadfy_lozb535__6db06297{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
17
|
+
.Single_styles_14wadfy_s1w9icbd__6db06297{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderHideMinValue__6db06297,.Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderHideMaxValue__6db06297{opacity:0;}.Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderActiveRangeValue__6db06297{color:var(--plasma-slider-label-color);}
|
18
|
+
.Single_styles_14wadfy_s1d2sfgl__6db06297{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementOuter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementOuter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{left:unset;right:0;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
19
|
+
.Single_styles_14wadfy_ss3ujqx__6db06297{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementOuter__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementOuter__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementInner__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297.Single_styles_14wadfy_sliderLabelContentReversed__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelContentReversed__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_s1d2sfgl__6db06297{width:var(--plasma-slider-size);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementInner__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_s1d2sfgl__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297,.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-left-right-margin) );}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297,.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
18
20
|
|
19
21
|
.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
|
20
22
|
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import React, { forwardRef } from 'react';
|
3
|
+
import { cx } from '../../utils/index.js';
|
3
4
|
import { base } from './variations/_view/base.js';
|
4
5
|
import { base as base$1 } from './variations/_size/base.js';
|
5
6
|
import { base as base$2 } from './variations/_disabled/base.js';
|
6
7
|
import { SingleSlider } from './components/Single/Single.js';
|
7
|
-
import '
|
8
|
+
import { classes } from './Slider.tokens.js';
|
8
9
|
import '@linaria/react';
|
9
10
|
import 'react-draggable';
|
10
11
|
import '@linaria/core';
|
@@ -13,6 +14,7 @@ import '@salutejs/plasma-core';
|
|
13
14
|
import { DoubleUncontrolled } from './components/DoubleUncontrolled/DoubleUncontrolled.js';
|
14
15
|
|
15
16
|
var _excluded = ["type"];
|
17
|
+
|
16
18
|
// TODO: проверить, можно ли обойтись без каста типов
|
17
19
|
|
18
20
|
var isSingleValueProps = function isSingleValueProps(props, type) {
|
@@ -26,9 +28,15 @@ var sliderRoot = function sliderRoot(Root) {
|
|
26
28
|
var _ref$type = _ref.type,
|
27
29
|
type = _ref$type === void 0 ? 'single' : _ref$type,
|
28
30
|
props = _objectWithoutProperties(_ref, _excluded);
|
29
|
-
|
31
|
+
if (isSingleValueProps(props, type)) {
|
32
|
+
return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
|
33
|
+
className: cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className),
|
34
|
+
ref: ref
|
35
|
+
}), /*#__PURE__*/React.createElement(SingleSlider, props));
|
36
|
+
}
|
37
|
+
return /*#__PURE__*/React.createElement(Root, _extends({
|
30
38
|
ref: ref
|
31
|
-
}
|
39
|
+
}, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
|
32
40
|
});
|
33
41
|
};
|
34
42
|
var sliderConfig = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChangeAndDefaultValue } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleUncontrolled } from './components';\nimport type { SingleSliderProps, DoubleUncontrolledProps } from './components';\nimport { SliderProps } from './Slider.types';\n\n// TODO: проверить, можно ли обойтись без каста типов\n\nconst isSingleValueProps = (props: SliderProps, type: string): props is SingleSliderProps =>\n typeof props.value === 'number' || (type === 'single' && typeof props.value !== 'object');\n\nconst isDoubleValueProps = (props: SliderProps, type: string): props is DoubleUncontrolledProps =>\n typeof props.value === 'object' || type === 'double';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChangeAndDefaultValue<HTMLDivElement, SliderProps>) =>\n forwardRef<HTMLDivElement, SliderProps>(({ type = 'single', ...props }, ref) => {\n return (\n
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChangeAndDefaultValue } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleUncontrolled } from './components';\nimport type { SingleSliderProps, DoubleUncontrolledProps } from './components';\nimport { SliderProps } from './Slider.types';\nimport { classes } from './Slider.tokens';\n\n// TODO: проверить, можно ли обойтись без каста типов\n\nconst isSingleValueProps = (props: SliderProps, type: string): props is SingleSliderProps =>\n typeof props.value === 'number' || (type === 'single' && typeof props.value !== 'object');\n\nconst isDoubleValueProps = (props: SliderProps, type: string): props is DoubleUncontrolledProps =>\n typeof props.value === 'object' || type === 'double';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChangeAndDefaultValue<HTMLDivElement, SliderProps>) =>\n forwardRef<HTMLDivElement, SliderProps>(({ type = 'single', ...props }, ref) => {\n if (isSingleValueProps(props, type)) {\n return (\n <Root\n {...props}\n className={cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className)}\n ref={ref}\n >\n <SingleSlider {...props} />\n </Root>\n );\n }\n\n return (\n <Root ref={ref} {...props}>\n {isDoubleValueProps(props, type) && <DoubleUncontrolled {...props} />}\n </Root>\n );\n });\n\nexport const sliderConfig = {\n name: 'Slider',\n tag: 'div',\n layout: sliderRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["isSingleValueProps","props","type","value","_typeof","isDoubleValueProps","sliderRoot","Root","forwardRef","_ref","ref","_ref$type","_objectWithoutProperties","_excluded","React","createElement","_extends","className","cx","orientation","classes","verticalOrientation","SingleSlider","DoubleUncontrolled","sliderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAaA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OACxD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,IAAKD,IAAI,KAAK,QAAQ,IAAIE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAS,CAAA;AAAA,CAAA,CAAA;AAE7F,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,KAAkB,EAAEC,IAAY,EAAA;EAAA,OACxDE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAQ,IAAID,IAAI,KAAK,QAAQ,CAAA;AAAA,CAAA,CAAA;IAE3CI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAuE,EAAA;AAAA,EAAA,oBAC9FC,UAAU,CAA8B,UAAAC,IAAA,EAAgCC,GAAG,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAF,IAAA,CAArCP,IAAI;AAAJA,MAAAA,IAAI,GAAAS,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AAAKV,MAAAA,KAAK,GAAAW,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAChE,IAAA,IAAIb,kBAAkB,CAACC,KAAK,EAAEC,IAAI,CAAC,EAAE;MACjC,oBACIY,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,KACGf,KAAK,EAAA;AACTgB,QAAAA,SAAS,EAAEC,EAAE,CAACjB,KAAK,CAACkB,WAAW,KAAK,UAAU,IAAIC,OAAO,CAACC,mBAAmB,EAAEpB,KAAK,CAACgB,SAAS,CAAE;AAChGP,QAAAA,GAAG,EAAEA,GAAAA;OAELI,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,YAAY,EAAKrB,KAAQ,CACxB,CAAC,CAAA;AAEf,KAAA;AAEA,IAAA,oBACIa,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKT,KAAK,CACpBI,EAAAA,kBAAkB,CAACJ,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACQ,kBAAkB,EAAKtB,KAAQ,CAClE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMuB,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErB,UAAU;AAClBsB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNR,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -1,6 +1,12 @@
|
|
1
1
|
var classes = {
|
2
2
|
labelPlacementOuter: 'slider-label-placement-outer',
|
3
3
|
labelPlacementInner: 'slider-label-placement-inner',
|
4
|
+
labelPlacementBottom: 'slider-label-placement-bottom',
|
5
|
+
labelAlignLeft: 'slider-label-align-left',
|
6
|
+
labelAlignCenter: 'slider-label-align-center',
|
7
|
+
labelAlignRight: 'slider-label-align-right',
|
8
|
+
labelAlignNone: 'slider-label-align-none',
|
9
|
+
labelContentReversed: 'slider-label-content-reversed',
|
4
10
|
rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
|
5
11
|
rangeValuesPlacementInner: 'slider-range-values-placement-inner',
|
6
12
|
maxRangeValue: 'slider-max-range-value',
|
@@ -9,13 +15,17 @@ var classes = {
|
|
9
15
|
textFieldActive: 'slider-text-field-active',
|
10
16
|
firstTextField: 'slider-first-text-field',
|
11
17
|
secondTextField: 'slider-second-text-field',
|
12
|
-
activeRangeValue: 'slider-active-range-value'
|
18
|
+
activeRangeValue: 'slider-active-range-value',
|
19
|
+
verticalOrientation: 'slider-vertical-orientation',
|
20
|
+
valuePlacementLeft: 'slider-value-placement-left',
|
21
|
+
reversed: 'slider-reversed'
|
13
22
|
};
|
14
23
|
var tokens = {
|
15
|
-
|
24
|
+
size: '--plasma-slider-size',
|
16
25
|
labelWrapperGap: '--plasma-slider-label-wrapper-gap',
|
17
26
|
labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
|
18
27
|
labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
|
28
|
+
labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
|
19
29
|
labelColor: '--plasma-slider-label-color',
|
20
30
|
labelFontFamily: '--plasma-slider-label-font-family',
|
21
31
|
labelFontSize: '--plasma-slider-label-font-size',
|
@@ -23,31 +33,27 @@ var tokens = {
|
|
23
33
|
labelFontWeight: '--plasma-slider-label-font-weight',
|
24
34
|
labelLetterSpacing: '--plasma-slider-label-letter-spacing',
|
25
35
|
labelLineHeight: '--plasma-slider-label-line-height',
|
26
|
-
rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
|
27
|
-
rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
|
28
36
|
rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
|
37
|
+
rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',
|
38
|
+
rangeValueLeftRightMargin: '--plasma-slider-range-value-left-right-margin',
|
39
|
+
rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
|
29
40
|
rangeValueColor: '--plasma-slider-range-value-color',
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
41
|
+
valueFontFamily: '--plasma-slider-value-font-family',
|
42
|
+
valueFontSize: '--plasma-slider-value-font-size',
|
43
|
+
valueFontStyle: '--plasma-slider-value-font-style',
|
44
|
+
valueFontWeight: '--plasma-slider-value-font-weight',
|
45
|
+
valueLetterSpacing: '--plasma-slider-value-letter-spacing',
|
46
|
+
valueLineHeight: '--plasma-slider-value-line-height',
|
36
47
|
doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
|
37
48
|
thumbSize: '--plasma-slider-thumb-size',
|
49
|
+
thumbSizeLarge: '--plasma-slider-thumb-size-large',
|
38
50
|
thumbBorder: '--plasma-slider-thumb-border',
|
39
51
|
thumbBorderColor: '--plasma-slider-thumb-border-color',
|
40
52
|
thumbBackgroundColor: '--plasma-slider-thumb-background-color',
|
41
53
|
thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
|
42
54
|
currentValueTopOffset: '--plasma-slider-current-value-top-offset',
|
43
|
-
currentValueFontFamily: '--plasma-slider-current-value-font-family',
|
44
|
-
currentValueFontSize: '--plasma-slider-current-value-font-size',
|
45
|
-
currentValueFontStyle: '--plasma-slider-current-value-font-style',
|
46
|
-
currentValueFontWeight: '--plasma-slider-current-value-font-weight',
|
47
|
-
currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
|
48
|
-
currentValueLineHeight: '--plasma-slider-current-value-line-height',
|
49
55
|
railBackgroundColor: '--plasma-slider-rail-background-color',
|
50
|
-
|
56
|
+
railThickness: '--plasma-slider-rail-thickness',
|
51
57
|
railBorderRadius: '--plasma-slider-rail-border-radius',
|
52
58
|
railIndent: '--plasma-slider-rail-indent',
|
53
59
|
fillColor: '--plasma-slider-fill-color',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n labelPlacementOuter: 'slider-label-placement-outer',\n labelPlacementInner: 'slider-label-placement-inner',\n rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n maxRangeValue: 'slider-max-range-value',\n hideMinValue: 'slider-hide-min-value',\n hideMaxValue: 'slider-hide-max-value',\n textFieldActive: 'slider-text-field-active',\n firstTextField: 'slider-first-text-field',\n secondTextField: 'slider-second-text-field',\n activeRangeValue: 'slider-active-range-value',\n};\n\nexport const tokens = {\n
|
1
|
+
{"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n labelPlacementOuter: 'slider-label-placement-outer',\n labelPlacementInner: 'slider-label-placement-inner',\n labelPlacementBottom: 'slider-label-placement-bottom',\n labelAlignLeft: 'slider-label-align-left',\n labelAlignCenter: 'slider-label-align-center',\n labelAlignRight: 'slider-label-align-right',\n labelAlignNone: 'slider-label-align-none',\n labelContentReversed: 'slider-label-content-reversed',\n rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n maxRangeValue: 'slider-max-range-value',\n hideMinValue: 'slider-hide-min-value',\n hideMaxValue: 'slider-hide-max-value',\n textFieldActive: 'slider-text-field-active',\n firstTextField: 'slider-first-text-field',\n secondTextField: 'slider-second-text-field',\n activeRangeValue: 'slider-active-range-value',\n verticalOrientation: 'slider-vertical-orientation',\n valuePlacementLeft: 'slider-value-placement-left',\n reversed: 'slider-reversed',\n};\n\nexport const tokens = {\n size: '--plasma-slider-size',\n\n labelWrapperGap: '--plasma-slider-label-wrapper-gap',\n labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',\n labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',\n labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',\n\n labelColor: '--plasma-slider-label-color',\n labelFontFamily: '--plasma-slider-label-font-family',\n labelFontSize: '--plasma-slider-label-font-size',\n labelFontStyle: '--plasma-slider-label-font-style',\n labelFontWeight: '--plasma-slider-label-font-weight',\n labelLetterSpacing: '--plasma-slider-label-letter-spacing',\n labelLineHeight: '--plasma-slider-label-line-height',\n\n rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',\n rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',\n rangeValueLeftRightMargin: '--plasma-slider-range-value-left-right-margin',\n rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',\n\n rangeValueColor: '--plasma-slider-range-value-color',\n valueFontFamily: '--plasma-slider-value-font-family',\n valueFontSize: '--plasma-slider-value-font-size',\n valueFontStyle: '--plasma-slider-value-font-style',\n valueFontWeight: '--plasma-slider-value-font-weight',\n valueLetterSpacing: '--plasma-slider-value-letter-spacing',\n valueLineHeight: '--plasma-slider-value-line-height',\n\n doubleWrapperGap: '--plasma-slider-double-wrapper-gap',\n\n thumbSize: '--plasma-slider-thumb-size',\n thumbSizeLarge: '--plasma-slider-thumb-size-large',\n thumbBorder: '--plasma-slider-thumb-border',\n thumbBorderColor: '--plasma-slider-thumb-border-color',\n thumbBackgroundColor: '--plasma-slider-thumb-background-color',\n\n thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',\n\n currentValueTopOffset: '--plasma-slider-current-value-top-offset',\n\n railBackgroundColor: '--plasma-slider-rail-background-color',\n railThickness: '--plasma-slider-rail-thickness',\n railBorderRadius: '--plasma-slider-rail-border-radius',\n railIndent: '--plasma-slider-rail-indent',\n\n fillColor: '--plasma-slider-fill-color',\n\n textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',\n\n textFieldFontFamily: '--plasma-slider-text-field-font-family',\n textFieldFontSize: '--plasma-slider-text-field-font-size',\n textFieldFontStyle: '--plasma-slider-text-field-font-style',\n textFieldFontWeight: '--plasma-slider-text-field-font-weight',\n textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',\n textFieldLineHeight: '--plasma-slider-text-field-line-height',\n\n textFieldHeight: '--plasma-slider-text-field-height',\n textFieldPadding: '--plasma-slider-text-field-padding',\n textFieldBorderRadius: '--plasma-slider-text-field-border-radius',\n\n textFieldColor: '--plasma-slider-text-field-color',\n textFieldActiveColor: '--plasma-slider-text-field-active-color',\n textFieldBackgroundColor: '--plasma-slider-text-field-background-color',\n textFieldCaretColor: '--plasma-slider-text-field-caret-color',\n textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',\n textFiledFocusColor: '--plasma-slider-text-field-focus-color',\n\n disabledOpacity: '--plasma-slider-disabled-opacity',\n};\n"],"names":["classes","labelPlacementOuter","labelPlacementInner","labelPlacementBottom","labelAlignLeft","labelAlignCenter","labelAlignRight","labelAlignNone","labelContentReversed","rangeValuesPlacementOuter","rangeValuesPlacementInner","maxRangeValue","hideMinValue","hideMaxValue","textFieldActive","firstTextField","secondTextField","activeRangeValue","verticalOrientation","valuePlacementLeft","reversed","tokens","size","labelWrapperGap","labelWrapperMarginBottom","labelWrapperMarginRight","labelWrapperVerticalMargin","labelColor","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","rangeValueBottomOffset","rangeValueHorizontalMargin","rangeValueLeftRightMargin","rangeValueVerticalMargin","rangeValueColor","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","doubleWrapperGap","thumbSize","thumbSizeLarge","thumbBorder","thumbBorderColor","thumbBackgroundColor","thumbFocusBorderColor","currentValueTopOffset","railBackgroundColor","railThickness","railBorderRadius","railIndent","fillColor","textFieldWrapperGap","textFieldFontFamily","textFieldFontSize","textFieldFontStyle","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldHeight","textFieldPadding","textFieldBorderRadius","textFieldColor","textFieldActiveColor","textFieldBackgroundColor","textFieldCaretColor","textFieldPlaceholderColor","textFiledFocusColor","disabledOpacity"],"mappings":"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"}
|