@salutejs/plasma-new-hope 0.156.0-canary.1451.11071589632.0 → 0.156.0-canary.1452.11101408453.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/Slider.css +14 -12
- package/cjs/components/Slider/Slider.js +9 -1
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.tokens.js +15 -3
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +7 -7
- package/cjs/components/Slider/components/Double/Double.js +14 -9
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +13 -13
- package/cjs/components/Slider/components/Single/Single.js +53 -30
- 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_fdps5r.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -4
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -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_1g9fv8o.css +4 -0
- package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js +38 -32
- 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_xinbde.css +2 -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_wjaol4.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/components/TextArea/TextArea.js +15 -21
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +2 -15
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +1 -0
- package/cjs/index.css +15 -15
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Slider/Slider.js +9 -1
- package/emotion/cjs/components/Slider/Slider.tokens.js +15 -3
- package/emotion/cjs/components/Slider/components/Double/Double.js +10 -5
- package/emotion/cjs/components/Slider/components/Single/Single.js +53 -30
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +18 -9
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +9 -9
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +41 -32
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +9 -15
- 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/components/TextArea/TextArea.js +16 -22
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +2 -15
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +71 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +73 -10
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/emotion/es/components/Slider/Slider.js +9 -1
- package/emotion/es/components/Slider/Slider.tokens.js +15 -3
- package/emotion/es/components/Slider/components/Double/Double.js +10 -5
- package/emotion/es/components/Slider/components/Single/Single.js +54 -31
- package/emotion/es/components/Slider/components/Single/Single.styles.js +17 -8
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/es/components/Slider/ui/Handler/Handler.js +40 -30
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +10 -16
- 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/components/TextArea/TextArea.js +14 -20
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/emotion/es/components/TextArea/TextArea.tokens.js +2 -15
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +71 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +73 -10
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/es/components/Slider/Slider.css +14 -12
- package/es/components/Slider/Slider.js +9 -1
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/Slider.tokens.js +15 -3
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +7 -7
- package/es/components/Slider/components/Double/Double.js +10 -5
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +13 -13
- package/es/components/Slider/components/Single/Single.js +54 -31
- 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_fdps5r.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +4 -4
- package/es/components/Slider/components/SliderBase/SliderBase.js +27 -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_1g9fv8o.css +4 -0
- package/es/components/Slider/ui/Handler/Handler.css +3 -3
- package/es/components/Slider/ui/Handler/Handler.js +37 -31
- 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_xinbde.css +2 -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_wjaol4.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/components/TextArea/TextArea.js +15 -21
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +2 -15
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +1 -0
- package/es/index.css +15 -15
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Slider/Slider.js +9 -1
- package/styled-components/cjs/components/Slider/Slider.tokens.js +15 -3
- package/styled-components/cjs/components/Slider/components/Double/Double.js +10 -5
- package/styled-components/cjs/components/Slider/components/Single/Single.js +53 -30
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +4 -4
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +41 -32
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -4
- 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/components/TextArea/TextArea.js +15 -21
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +2 -15
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -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 +71 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- 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 +73 -10
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/styled-components/es/components/Slider/Slider.js +9 -1
- package/styled-components/es/components/Slider/Slider.tokens.js +15 -3
- package/styled-components/es/components/Slider/components/Double/Double.js +10 -5
- package/styled-components/es/components/Slider/components/Single/Single.js +54 -31
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +3 -3
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +40 -30
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -5
- 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/components/TextArea/TextArea.js +13 -19
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/styled-components/es/components/TextArea/TextArea.tokens.js +2 -15
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -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 +71 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +10 -17
- 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 +73 -10
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +11 -17
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +14 -2
- 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 +2 -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 +26 -1
- 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 +1 -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 +4 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
- 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/components/TextArea/TextArea.d.ts +0 -4
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -13
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +3 -15
- package/types/components/TextArea/TextArea.types.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/TextArea/TextArea.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -81
- package/types/examples/plasma_b2c/components/TextArea/TextArea.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/TextArea/TextArea.config.d.ts +0 -3
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -81
- package/types/examples/plasma_web/components/TextArea/TextArea.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_7is2ll.css +0 -4
- 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/cjs/components/TextArea/variations/_clear/base.js +0 -9
- package/cjs/components/TextArea/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextArea/variations/_clear/base_193g3al.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_d83rii.css +0 -1
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +0 -10
- package/emotion/es/components/TextArea/variations/_clear/base.js +0 -4
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
- 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
- package/es/components/TextArea/variations/_clear/base.js +0 -5
- package/es/components/TextArea/variations/_clear/base.js.map +0 -1
- package/es/components/TextArea/variations/_clear/base_193g3al.css +0 -1
- package/es/components/TextArea/variations/_view/base_d83rii.css +0 -1
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +0 -10
- package/styled-components/es/components/TextArea/variations/_clear/base.js +0 -4
- package/types/components/TextArea/variations/_clear/base.d.ts +0 -2
- package/types/components/TextArea/variations/_clear/base.d.ts.map +0 -1
@@ -2,7 +2,8 @@ import React, { useState } from 'react';
|
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
4
4
|
import { action } from '@storybook/addon-actions';
|
5
|
-
import {
|
5
|
+
import { tertiary } from '@salutejs/plasma-core';
|
6
|
+
import styled from '@emotion/styled';
|
6
7
|
|
7
8
|
import { textAreaConfig } from '../../../../components/TextArea';
|
8
9
|
import { mergeConfig } from '../../../../engines';
|
@@ -47,13 +48,11 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
47
48
|
control: {
|
48
49
|
type: 'number',
|
49
50
|
},
|
50
|
-
if: { arg: 'clear', truthy: false },
|
51
51
|
},
|
52
52
|
cols: {
|
53
53
|
control: {
|
54
54
|
type: 'number',
|
55
55
|
},
|
56
|
-
if: { arg: 'clear', truthy: false },
|
57
56
|
},
|
58
57
|
labelPlacement: {
|
59
58
|
options: labelPlacements,
|
@@ -61,20 +60,11 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
61
60
|
type: 'select',
|
62
61
|
},
|
63
62
|
},
|
64
|
-
hasDivider: {
|
65
|
-
control: {
|
66
|
-
type: 'boolean',
|
67
|
-
},
|
68
|
-
if: { arg: 'clear', truthy: true },
|
69
|
-
},
|
70
63
|
},
|
71
64
|
args: {
|
72
65
|
id: 'example-textarea',
|
73
|
-
view: 'default',
|
74
|
-
size: 's',
|
75
66
|
enableContentRight: true,
|
76
67
|
label: 'Подсказка',
|
77
|
-
labelPlacement: 'outer',
|
78
68
|
placeholder: 'Заполните многострочное поле',
|
79
69
|
leftHelper: 'Подсказка к полю слева',
|
80
70
|
rightHelper: 'Подсказка к полю справа',
|
@@ -83,11 +73,10 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
83
73
|
autoResize: false,
|
84
74
|
minAuto: 0,
|
85
75
|
maxAuto: 0,
|
76
|
+
size: 's',
|
86
77
|
optional: false,
|
87
78
|
required: false,
|
88
79
|
requiredPlacement: 'right',
|
89
|
-
clear: false,
|
90
|
-
hasDivider: false,
|
91
80
|
},
|
92
81
|
};
|
93
82
|
|
@@ -97,15 +86,20 @@ const onChange = action('onChange');
|
|
97
86
|
const onFocus = action('onFocus');
|
98
87
|
const onBlur = action('onBlur');
|
99
88
|
|
89
|
+
const IconPlaceholder = styled.div`
|
90
|
+
width: 1.5rem;
|
91
|
+
height: 1.5rem;
|
92
|
+
border-radius: 50%;
|
93
|
+
background: ${tertiary};
|
94
|
+
`;
|
95
|
+
|
100
96
|
const StoryDefault = (props: StoryTextAreaProps) => {
|
101
97
|
const [value, setValue] = useState('Значение поля');
|
102
98
|
|
103
|
-
const iconSize = props.size === 'xs' ? 'xs' : 's';
|
104
|
-
|
105
99
|
return (
|
106
100
|
<TextArea
|
107
101
|
value={value}
|
108
|
-
contentRight={props.enableContentRight ? <IconPlaceholder
|
102
|
+
contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
|
109
103
|
onChange={(e) => {
|
110
104
|
setValue(e.target.value);
|
111
105
|
onChange(e);
|
@@ -1,17 +1,25 @@
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
2
2
|
import React, { forwardRef } from 'react';
|
3
|
+
import { cx } from '../../utils';
|
3
4
|
import { base as viewCSS } from './variations/_view/base';
|
4
5
|
import { base as sizeCSS } from './variations/_size/base';
|
5
6
|
import { base as disabledCSS } from './variations/_disabled/base';
|
6
7
|
import { SingleSlider, DoubleSlider } from './components';
|
8
|
+
import { classes } from './Slider.tokens';
|
7
9
|
var isSingleValueProps = function isSingleValueProps(props) {
|
8
10
|
return typeof props.value === 'number';
|
9
11
|
};
|
10
12
|
export var sliderRoot = function sliderRoot(Root) {
|
11
13
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
14
|
+
if (isSingleValueProps(props)) {
|
15
|
+
return /*#__PURE__*/React.createElement(Root, _extends({
|
16
|
+
ref: ref,
|
17
|
+
className: cx(props.orientation === 'vertical' && classes.verticalOrientation)
|
18
|
+
}, props), /*#__PURE__*/React.createElement(SingleSlider, props));
|
19
|
+
}
|
12
20
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
13
21
|
ref: ref
|
14
|
-
}, props),
|
22
|
+
}, props), /*#__PURE__*/React.createElement(DoubleSlider, props));
|
15
23
|
});
|
16
24
|
};
|
17
25
|
export var sliderConfig = {
|
@@ -1,6 +1,12 @@
|
|
1
1
|
export 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 @@ export 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
|
export 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',
|
@@ -26,6 +36,7 @@ export var tokens = {
|
|
26
36
|
rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
|
27
37
|
rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
|
28
38
|
rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
|
39
|
+
rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
|
29
40
|
rangeValueColor: '--plasma-slider-range-value-color',
|
30
41
|
rangeValueFontFamily: '--plasma-slider-range-value-font-family',
|
31
42
|
rangeValueFontSize: '--plasma-slider-range-value-font-size',
|
@@ -35,6 +46,7 @@ export var tokens = {
|
|
35
46
|
rangeValueLineHeight: '--plasma-slider-range-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',
|
@@ -47,7 +59,7 @@ export var tokens = {
|
|
47
59
|
currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
|
48
60
|
currentValueLineHeight: '--plasma-slider-current-value-line-height',
|
49
61
|
railBackgroundColor: '--plasma-slider-rail-background-color',
|
50
|
-
|
62
|
+
railThickness: '--plasma-slider-rail-thickness',
|
51
63
|
railBorderRadius: '--plasma-slider-rail-border-radius',
|
52
64
|
railIndent: '--plasma-slider-rail-indent',
|
53
65
|
fillColor: '--plasma-slider-fill-color',
|
@@ -1,5 +1,5 @@
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
-
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
|
2
|
+
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "pointerSize", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
@@ -37,6 +37,7 @@ export var DoubleSlider = function DoubleSlider(_ref) {
|
|
37
37
|
labelContentLeft = _ref.labelContentLeft,
|
38
38
|
_ref$size = _ref.size,
|
39
39
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
40
|
+
pointerSize = _ref.pointerSize,
|
40
41
|
onChangeCommitted = _ref.onChangeCommitted,
|
41
42
|
onChangeTextField = _ref.onChangeTextField,
|
42
43
|
onBlurTextField = _ref.onBlurTextField,
|
@@ -239,14 +240,16 @@ export var DoubleSlider = function DoubleSlider(_ref) {
|
|
239
240
|
ariaLabelLeft = _ref3[0],
|
240
241
|
ariaLabelRight = _ref3[1];
|
241
242
|
var currentFirstSliderValue = Math.max(state.firstValue, min);
|
243
|
+
var settings = sizeData[size][pointerSize === 'l' ? 'l' : 's'];
|
242
244
|
return /*#__PURE__*/React.createElement(DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase, _extends({
|
243
245
|
min: min,
|
244
246
|
max: max,
|
245
247
|
disabled: disabled,
|
246
248
|
setStepSize: setStepSize,
|
247
249
|
railFillWidth: state.railFillWidth,
|
248
|
-
settings:
|
249
|
-
railFillXPosition: state.railFillXPosition
|
250
|
+
settings: settings,
|
251
|
+
railFillXPosition: state.railFillXPosition,
|
252
|
+
orientation: "horizontal"
|
250
253
|
}, rest), /*#__PURE__*/React.createElement(Handler, {
|
251
254
|
ref: firstHandleRef,
|
252
255
|
stepSize: state.stepSize,
|
@@ -258,7 +261,8 @@ export var DoubleSlider = function DoubleSlider(_ref) {
|
|
258
261
|
disabled: disabled,
|
259
262
|
bounds: [min, state.secondValue],
|
260
263
|
side: "left",
|
261
|
-
|
264
|
+
orientation: "horizontal",
|
265
|
+
position: state.xFirstHandle,
|
262
266
|
zIndex: state.firstHandleZIndex,
|
263
267
|
value: currentFirstSliderValue,
|
264
268
|
ariaLabel: ariaLabelLeft,
|
@@ -280,7 +284,8 @@ export var DoubleSlider = function DoubleSlider(_ref) {
|
|
280
284
|
disabled: disabled,
|
281
285
|
bounds: [state.firstValue, max],
|
282
286
|
side: "right",
|
283
|
-
|
287
|
+
orientation: "horizontal",
|
288
|
+
position: state.xSecondHandle,
|
284
289
|
zIndex: state.secondHandleZIndex,
|
285
290
|
value: Math.max(state.secondValue, min),
|
286
291
|
ariaLabel: ariaLabelRight,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
-
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
2
|
+
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "labelContent", "labelAlign", "showScale", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size", "pointerSize", "orientation", "reversed", "labelReversed"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
@@ -20,7 +20,7 @@ import { Handler } from '../../ui';
|
|
20
20
|
import { sizeData } from '../../utils';
|
21
21
|
import { cx, isNumber } from '../../../../utils';
|
22
22
|
import { classes } from '../../Slider.tokens';
|
23
|
-
import { Label,
|
23
|
+
import { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
|
24
24
|
export var SingleSlider = function SingleSlider(_ref) {
|
25
25
|
var min = _ref.min,
|
26
26
|
max = _ref.max,
|
@@ -31,6 +31,10 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
31
31
|
ariaLabel = _ref.ariaLabel,
|
32
32
|
label = _ref.label,
|
33
33
|
labelContentLeft = _ref.labelContentLeft,
|
34
|
+
labelContent = _ref.labelContent,
|
35
|
+
_ref$labelAlign = _ref.labelAlign,
|
36
|
+
labelAlign = _ref$labelAlign === void 0 ? 'right' : _ref$labelAlign,
|
37
|
+
showScale = _ref.showScale,
|
34
38
|
showRangeValues = _ref.showRangeValues,
|
35
39
|
showCurrentValue = _ref.showCurrentValue,
|
36
40
|
hideMinValueDiff = _ref.hideMinValueDiff,
|
@@ -43,9 +47,16 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
43
47
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
44
48
|
_ref$size = _ref.size,
|
45
49
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
50
|
+
_ref$pointerSize = _ref.pointerSize,
|
51
|
+
pointerSize = _ref$pointerSize === void 0 ? 's' : _ref$pointerSize,
|
52
|
+
_ref$orientation = _ref.orientation,
|
53
|
+
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
54
|
+
reversed = _ref.reversed,
|
55
|
+
labelReversed = _ref.labelReversed,
|
46
56
|
rest = _objectWithoutProperties(_ref, _excluded);
|
57
|
+
var isVertical = orientation === 'vertical';
|
47
58
|
var _useState = useState({
|
48
|
-
|
59
|
+
handlePosition: 0,
|
49
60
|
stepSize: 0,
|
50
61
|
railFillWidth: 0
|
51
62
|
}),
|
@@ -60,23 +71,25 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
60
71
|
_useState6 = _slicedToArray(_useState5, 2),
|
61
72
|
endOffset = _useState6[0],
|
62
73
|
setEndOffset = _useState6[1];
|
63
|
-
var
|
74
|
+
var innerValue = reversed ? max - value + min : value;
|
75
|
+
var _useState7 = useState(innerValue),
|
64
76
|
_useState8 = _slicedToArray(_useState7, 2),
|
65
77
|
dragValue = _useState8[0],
|
66
78
|
setDragValue = _useState8[1];
|
67
79
|
var stepSize = state.stepSize;
|
68
|
-
var
|
80
|
+
var innerShowScale = showRangeValues || showScale;
|
81
|
+
var hasLabelContent = Boolean(label || labelContentLeft || labelContent) && (!isVertical || isVertical && labelAlign !== 'none');
|
69
82
|
var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
|
70
|
-
var
|
71
|
-
var
|
72
|
-
var
|
83
|
+
var hideMinValueDiffClass = hideMinValueDiff && innerValue - min <= hideMinValueDiff ? classes.hideMinValue : '';
|
84
|
+
var hideMaxValueDiffClass = hideMaxValueDiff && max - innerValue <= hideMaxValueDiff ? classes.hideMaxValue : '';
|
85
|
+
var verticalOrientationClass = orientation === 'vertical' ? classes.verticalOrientation : '';
|
73
86
|
var startLabelRef = useRef(null);
|
74
87
|
var endLabelRef = useRef(null);
|
75
88
|
var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
|
76
89
|
var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
|
77
90
|
useEffect(function () {
|
78
|
-
var localValue = Math.min(Math.max(
|
79
|
-
if (rangeValuesPlacement === 'outer') {
|
91
|
+
var localValue = Math.min(Math.max(innerValue, min), max) - min;
|
92
|
+
if (!isVertical && rangeValuesPlacement === 'outer') {
|
80
93
|
var _startLabelRef$curren, _endLabelRef$current;
|
81
94
|
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
82
95
|
if (isNumber(startWidth)) {
|
@@ -86,17 +99,20 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
86
99
|
if (isNumber(endWidth)) {
|
87
100
|
setEndOffset(Number(endWidth));
|
88
101
|
}
|
102
|
+
} else if (isVertical && innerShowScale && labelAlign !== 'center') {
|
103
|
+
setStartOffset(12);
|
104
|
+
setEndOffset(12);
|
89
105
|
} else {
|
90
106
|
setStartOffset(1);
|
91
107
|
setEndOffset(1);
|
92
108
|
}
|
93
109
|
setState(function (prevState) {
|
94
110
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
95
|
-
|
111
|
+
handlePosition: stepSize * localValue,
|
96
112
|
railFillWidth: stepSize * localValue
|
97
113
|
});
|
98
114
|
});
|
99
|
-
}, [
|
115
|
+
}, [innerValue, innerShowScale, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
100
116
|
var setStepSize = useCallback(function (newStepSize) {
|
101
117
|
setState(function (prevState) {
|
102
118
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -105,11 +121,11 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
105
121
|
});
|
106
122
|
}, [setState]);
|
107
123
|
var onHandleChange = function onHandleChange(handleValue, data) {
|
108
|
-
var
|
109
|
-
var
|
124
|
+
var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
|
125
|
+
var newHandlePosition = isVertical ? data.y : data.x;
|
110
126
|
setState(function (prevState) {
|
111
127
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
112
|
-
railFillWidth:
|
128
|
+
railFillWidth: newHandlePosition
|
113
129
|
});
|
114
130
|
});
|
115
131
|
if (onChange) {
|
@@ -117,41 +133,47 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
117
133
|
}
|
118
134
|
setDragValue(newValue);
|
119
135
|
};
|
120
|
-
var onHandleChangeCommitted = function
|
121
|
-
var newValue = Math.round(handleValue);
|
136
|
+
var onHandleChangeCommitted = useCallback(function (handleValue, data) {
|
137
|
+
var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
|
122
138
|
if (onChangeCommitted) {
|
123
139
|
onChangeCommitted(newValue);
|
124
140
|
}
|
125
141
|
setState(function (prevState) {
|
126
142
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
127
|
-
|
128
|
-
railFillWidth: data.lastX
|
143
|
+
handlePosition: isVertical ? data.lastY : data.lastX,
|
144
|
+
railFillWidth: isVertical ? data.lastY : data.lastX
|
129
145
|
});
|
130
146
|
});
|
131
147
|
setDragValue(newValue);
|
132
|
-
};
|
148
|
+
}, [isVertical, min, max, reversed]);
|
149
|
+
var labelVerticalPlacement = reversed ? 'bottom' : 'top';
|
150
|
+
var valuePlacement = labelAlign === 'left' ? 'left' : 'right';
|
151
|
+
var settings = sizeData[size][pointerSize === 'l' ? 'l' : 's'];
|
133
152
|
return /*#__PURE__*/React.createElement(SingleWrapper, {
|
134
|
-
className: labelPlacementClass
|
135
|
-
}, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(
|
136
|
-
className:
|
137
|
-
},
|
153
|
+
className: cx(labelPlacementClass, verticalOrientationClass, labelAlign === 'left' && classes.labelAlignLeft, labelAlign === 'center' && classes.labelAlignCenter, labelAlign === 'right' && classes.labelAlignRight, labelVerticalPlacement === 'bottom' && classes.labelPlacementBottom, labelReversed && classes.labelContentReversed)
|
154
|
+
}, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, (labelContentLeft || labelContent) && /*#__PURE__*/React.createElement(LabelContent, null, labelContent), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderBaseWrapper, {
|
155
|
+
className: cx(!isVertical && rangeValuesPlacement === 'outer' && classes.rangeValuesPlacementOuter, !isVertical && rangeValuesPlacement !== 'outer' && classes.rangeValuesPlacementInner, verticalOrientationClass)
|
156
|
+
}, innerShowScale && /*#__PURE__*/React.createElement(StyledRangeValue, {
|
138
157
|
ref: startLabelRef,
|
139
158
|
className: cx(hideMinValueDiffClass, activeFirstValue)
|
140
|
-
}, min), /*#__PURE__*/React.createElement(SliderBase, _extends({
|
159
|
+
}, reversed ? max : min), /*#__PURE__*/React.createElement(SliderBase, _extends({
|
141
160
|
min: min,
|
142
161
|
max: max,
|
143
162
|
disabled: disabled,
|
144
163
|
setStepSize: setStepSize,
|
145
164
|
onChange: onHandleChangeCommitted,
|
146
165
|
railFillWidth: state.railFillWidth,
|
147
|
-
settings:
|
166
|
+
settings: settings,
|
148
167
|
labelPlacement: labelPlacement,
|
149
|
-
rangeValuesPlacement: rangeValuesPlacement
|
168
|
+
rangeValuesPlacement: rangeValuesPlacement,
|
169
|
+
orientation: orientation
|
150
170
|
}, rest), /*#__PURE__*/React.createElement(Handler, {
|
171
|
+
size: pointerSize,
|
172
|
+
orientation: orientation,
|
151
173
|
stepSize: state.stepSize,
|
152
174
|
onChangeCommitted: onHandleChangeCommitted,
|
153
175
|
onChange: onHandleChange,
|
154
|
-
|
176
|
+
position: state.handlePosition,
|
155
177
|
min: min,
|
156
178
|
max: max,
|
157
179
|
startOffset: startOffset,
|
@@ -160,9 +182,10 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
160
182
|
disabled: disabled,
|
161
183
|
ariaLabel: ariaLabel,
|
162
184
|
multipleStepSize: multipleStepSize,
|
163
|
-
showCurrentValue: showCurrentValue
|
164
|
-
|
185
|
+
showCurrentValue: showCurrentValue,
|
186
|
+
valuePlacement: valuePlacement
|
187
|
+
})), innerShowScale && /*#__PURE__*/React.createElement(StyledRangeValue, {
|
165
188
|
ref: endLabelRef,
|
166
189
|
className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
167
|
-
}, max)));
|
190
|
+
}, reversed ? min : max)));
|
168
191
|
};
|