@salutejs/plasma-new-hope 0.156.0-canary.1451.11071985286.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 +11 -18
- 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 +12 -18
- 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 +11 -18
- 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 +12 -18
- 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 +11 -18
- 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 +12 -18
- 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 +11 -18
- 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 +12 -18
- 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
@@ -1,16 +1,16 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.SliderBase_styles_1g9fv8o_r33crq1__e35252bf{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%);}
|
2
|
+
.SliderBase_styles_1g9fv8o_snaoqfb__e35252bf{-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_1g9fv8o_snaoqfb__e35252bf.SliderBase_styles_1g9fv8o_sliderVerticalOrientation__e35252bf{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1g9fv8o_snaoqfb__e35252bf.SliderBase_styles_1g9fv8o_sliderVerticalOrientation__e35252bf .SliderBase_styles_1g9fv8o_r33crq1__e35252bf{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
|
3
|
+
.SliderBase_styles_1g9fv8o_r1bro5xo__e35252bf{height:100%;}
|
4
|
+
.SliderBase_styles_1g9fv8o_fdg7yhg__e35252bf{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
5
5
|
|
6
|
-
.
|
7
|
-
.
|
6
|
+
.Handler_styles_xinbde_s1tnrnip__80622f27{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);}
|
7
|
+
.Handler_styles_xinbde_h12uu2lj__80622f27{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;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_xinbde_h12uu2lj__80622f27.Handler_styles_xinbde_sliderVerticalOrientation__80622f27{left:0.125rem;right:0;-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_xinbde_h12uu2lj__80622f27.Handler_styles_xinbde_sliderVerticalOrientation__80622f27 .Handler_styles_xinbde_s1tnrnip__80622f27{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_xinbde_h12uu2lj__80622f27.Handler_styles_xinbde_sliderValuePlacementLeft__80622f27 .Handler_styles_xinbde_s1tnrnip__80622f27{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;}
|
8
8
|
|
9
|
-
.
|
9
|
+
.Thumb_styles_wjaol4_tqbdf8b__3bbb7609{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;left:-0.0625rem;top:-0.0625rem;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_wjaol4_tqbdf8b__3bbb7609:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:not([disabled]):hover:after,.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609[disabled]{cursor:not-allowed;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:focus{outline:none;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609::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_wjaol4_tqbdf8b__3bbb7609.Thumb_styles_wjaol4_focusVisible__3bbb7609:focus::before,.Thumb_styles_wjaol4_tqbdf8b__3bbb7609[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
10
10
|
|
11
|
-
.
|
12
|
-
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
11
|
+
.Single_styles_fdps5r_l1p4kc08__efe9eff2{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
12
|
+
.Single_styles_fdps5r_ly2gexi__efe9eff2{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
13
|
+
.Single_styles_fdps5r_lozb535__efe9eff2{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);}
|
14
|
+
.Single_styles_fdps5r_s1w9icbd__efe9eff2{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderHideMinValue__efe9eff2,.Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderHideMaxValue__efe9eff2{opacity:0;}.Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderActiveRangeValue__efe9eff2{color:var(--plasma-slider-label-color);}
|
15
|
+
.Single_styles_fdps5r_s1d2sfgl__efe9eff2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_fdps5r_s1d2sfgl__efe9eff2.Single_styles_fdps5r_sliderRangeValuesPlacementOuter__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_fdps5r_s1d2sfgl__efe9eff2.Single_styles_fdps5r_sliderRangeValuesPlacementOuter__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderMaxRangeValue__efe9eff2{left:unset;right:0;}.Single_styles_fdps5r_s1d2sfgl__efe9eff2.Single_styles_fdps5r_sliderRangeValuesPlacementInner__efe9eff2{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_fdps5r_s1d2sfgl__efe9eff2.Single_styles_fdps5r_sliderRangeValuesPlacementInner__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_fdps5r_s1d2sfgl__efe9eff2.Single_styles_fdps5r_sliderRangeValuesPlacementInner__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderMaxRangeValue__efe9eff2{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
|
16
|
+
.Single_styles_fdps5r_ss3ujqx__efe9eff2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementOuter__efe9eff2{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementOuter__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementInner__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2{-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_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignCenter__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignCenter__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementBottom__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignCenter__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementBottom__efe9eff2.Single_styles_fdps5r_sliderLabelContentReversed__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignCenter__efe9eff2.Single_styles_fdps5r_sliderLabelContentReversed__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2 .Single_styles_fdps5r_s1d2sfgl__efe9eff2{width:var(--plasma-slider-size);}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementInner__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignLeft__efe9eff2{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignLeft__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignRight__efe9eff2{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementBottom__efe9eff2{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelPlacementBottom__efe9eff2 .Single_styles_fdps5r_l1p4kc08__efe9eff2{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2{-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_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2 .Single_styles_fdps5r_s1d2sfgl__efe9eff2{-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_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignCenter__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-min-value-margin);}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignCenter__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderMaxRangeValue__efe9eff2{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-max-value-margin);margin-bottom:0;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignLeft__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2,.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignRight__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc(var(--plasma-slider-rail-thickness) + 1rem);}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignLeft__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderMaxRangeValue__efe9eff2,.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignRight__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2.Single_styles_fdps5r_sliderMaxRangeValue__efe9eff2{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_fdps5r_ss3ujqx__efe9eff2.Single_styles_fdps5r_sliderVerticalOrientation__efe9eff2.Single_styles_fdps5r_sliderLabelAlignRight__efe9eff2 .Single_styles_fdps5r_s1w9icbd__efe9eff2{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
@@ -13,7 +13,7 @@ var Slider_tokens = require('../../Slider.tokens.js');
|
|
13
13
|
var Single_styles = require('./Single.styles.js');
|
14
14
|
var isNumber = require('../../../../utils/isNumber.js');
|
15
15
|
|
16
|
-
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
16
|
+
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"];
|
17
17
|
var SingleSlider = function SingleSlider(_ref) {
|
18
18
|
var min = _ref.min,
|
19
19
|
max = _ref.max,
|
@@ -24,6 +24,10 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
24
24
|
ariaLabel = _ref.ariaLabel,
|
25
25
|
label = _ref.label,
|
26
26
|
labelContentLeft = _ref.labelContentLeft,
|
27
|
+
labelContent = _ref.labelContent,
|
28
|
+
_ref$labelAlign = _ref.labelAlign,
|
29
|
+
labelAlign = _ref$labelAlign === void 0 ? 'right' : _ref$labelAlign,
|
30
|
+
showScale = _ref.showScale,
|
27
31
|
showRangeValues = _ref.showRangeValues,
|
28
32
|
showCurrentValue = _ref.showCurrentValue,
|
29
33
|
hideMinValueDiff = _ref.hideMinValueDiff,
|
@@ -36,9 +40,16 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
36
40
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
37
41
|
_ref$size = _ref.size,
|
38
42
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
43
|
+
_ref$pointerSize = _ref.pointerSize,
|
44
|
+
pointerSize = _ref$pointerSize === void 0 ? 's' : _ref$pointerSize,
|
45
|
+
_ref$orientation = _ref.orientation,
|
46
|
+
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
47
|
+
reversed = _ref.reversed,
|
48
|
+
labelReversed = _ref.labelReversed,
|
39
49
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
50
|
+
var isVertical = orientation === 'vertical';
|
40
51
|
var _useState = React.useState({
|
41
|
-
|
52
|
+
handlePosition: 0,
|
42
53
|
stepSize: 0,
|
43
54
|
railFillWidth: 0
|
44
55
|
}),
|
@@ -53,23 +64,25 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
53
64
|
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
54
65
|
endOffset = _useState6[0],
|
55
66
|
setEndOffset = _useState6[1];
|
56
|
-
var
|
67
|
+
var innerValue = reversed ? max - value + min : value;
|
68
|
+
var _useState7 = React.useState(innerValue),
|
57
69
|
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
58
70
|
dragValue = _useState8[0],
|
59
71
|
setDragValue = _useState8[1];
|
60
72
|
var stepSize = state.stepSize;
|
61
|
-
var
|
73
|
+
var innerShowScale = showRangeValues || showScale;
|
74
|
+
var hasLabelContent = Boolean(label || labelContentLeft || labelContent) && (!isVertical || isVertical && labelAlign !== 'none');
|
62
75
|
var labelPlacementClass = labelPlacement === 'outer' ? Slider_tokens.classes.labelPlacementOuter : Slider_tokens.classes.labelPlacementInner;
|
63
|
-
var
|
64
|
-
var
|
65
|
-
var
|
76
|
+
var hideMinValueDiffClass = hideMinValueDiff && innerValue - min <= hideMinValueDiff ? Slider_tokens.classes.hideMinValue : '';
|
77
|
+
var hideMaxValueDiffClass = hideMaxValueDiff && max - innerValue <= hideMaxValueDiff ? Slider_tokens.classes.hideMaxValue : '';
|
78
|
+
var verticalOrientationClass = orientation === 'vertical' ? Slider_tokens.classes.verticalOrientation : '';
|
66
79
|
var startLabelRef = React.useRef(null);
|
67
80
|
var endLabelRef = React.useRef(null);
|
68
81
|
var activeFirstValue = dragValue === min ? Slider_tokens.classes.activeRangeValue : undefined;
|
69
82
|
var activeSecondValue = dragValue === max ? Slider_tokens.classes.activeRangeValue : undefined;
|
70
83
|
React.useEffect(function () {
|
71
|
-
var localValue = Math.min(Math.max(
|
72
|
-
if (rangeValuesPlacement === 'outer') {
|
84
|
+
var localValue = Math.min(Math.max(innerValue, min), max) - min;
|
85
|
+
if (!isVertical && rangeValuesPlacement === 'outer') {
|
73
86
|
var _startLabelRef$curren, _endLabelRef$current;
|
74
87
|
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
75
88
|
if (isNumber.isNumber(startWidth)) {
|
@@ -79,17 +92,20 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
79
92
|
if (isNumber.isNumber(endWidth)) {
|
80
93
|
setEndOffset(Number(endWidth));
|
81
94
|
}
|
95
|
+
} else if (isVertical && innerShowScale && labelAlign !== 'center') {
|
96
|
+
setStartOffset(12);
|
97
|
+
setEndOffset(12);
|
82
98
|
} else {
|
83
99
|
setStartOffset(1);
|
84
100
|
setEndOffset(1);
|
85
101
|
}
|
86
102
|
setState(function (prevState) {
|
87
103
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
88
|
-
|
104
|
+
handlePosition: stepSize * localValue,
|
89
105
|
railFillWidth: stepSize * localValue
|
90
106
|
});
|
91
107
|
});
|
92
|
-
}, [
|
108
|
+
}, [innerValue, innerShowScale, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
93
109
|
var setStepSize = React.useCallback(function (newStepSize) {
|
94
110
|
setState(function (prevState) {
|
95
111
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
@@ -98,11 +114,11 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
98
114
|
});
|
99
115
|
}, [setState]);
|
100
116
|
var onHandleChange = function onHandleChange(handleValue, data) {
|
101
|
-
var
|
102
|
-
var
|
117
|
+
var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
|
118
|
+
var newHandlePosition = isVertical ? data.y : data.x;
|
103
119
|
setState(function (prevState) {
|
104
120
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
105
|
-
railFillWidth:
|
121
|
+
railFillWidth: newHandlePosition
|
106
122
|
});
|
107
123
|
});
|
108
124
|
if (onChange) {
|
@@ -110,41 +126,47 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
110
126
|
}
|
111
127
|
setDragValue(newValue);
|
112
128
|
};
|
113
|
-
var onHandleChangeCommitted = function
|
114
|
-
var newValue = Math.round(handleValue);
|
129
|
+
var onHandleChangeCommitted = React.useCallback(function (handleValue, data) {
|
130
|
+
var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
|
115
131
|
if (onChangeCommitted) {
|
116
132
|
onChangeCommitted(newValue);
|
117
133
|
}
|
118
134
|
setState(function (prevState) {
|
119
135
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
120
|
-
|
121
|
-
railFillWidth: data.lastX
|
136
|
+
handlePosition: isVertical ? data.lastY : data.lastX,
|
137
|
+
railFillWidth: isVertical ? data.lastY : data.lastX
|
122
138
|
});
|
123
139
|
});
|
124
140
|
setDragValue(newValue);
|
125
|
-
};
|
141
|
+
}, [isVertical, min, max, reversed]);
|
142
|
+
var labelVerticalPlacement = reversed ? 'bottom' : 'top';
|
143
|
+
var valuePlacement = labelAlign === 'left' ? 'left' : 'right';
|
144
|
+
var settings = index$1.sizeData[size][pointerSize === 'l' ? 'l' : 's'];
|
126
145
|
return /*#__PURE__*/React.createElement(Single_styles.SingleWrapper, {
|
127
|
-
className: labelPlacementClass
|
128
|
-
}, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(Single_styles.
|
129
|
-
className:
|
130
|
-
},
|
146
|
+
className: index.cx(labelPlacementClass, verticalOrientationClass, labelAlign === 'left' && Slider_tokens.classes.labelAlignLeft, labelAlign === 'center' && Slider_tokens.classes.labelAlignCenter, labelAlign === 'right' && Slider_tokens.classes.labelAlignRight, labelVerticalPlacement === 'bottom' && Slider_tokens.classes.labelPlacementBottom, labelReversed && Slider_tokens.classes.labelContentReversed)
|
147
|
+
}, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, (labelContentLeft || labelContent) && /*#__PURE__*/React.createElement(Single_styles.LabelContent, null, labelContent), label && /*#__PURE__*/React.createElement(Single_styles.Label, null, label)), /*#__PURE__*/React.createElement(Single_styles.SliderBaseWrapper, {
|
148
|
+
className: index.cx(!isVertical && rangeValuesPlacement === 'outer' && Slider_tokens.classes.rangeValuesPlacementOuter, !isVertical && rangeValuesPlacement !== 'outer' && Slider_tokens.classes.rangeValuesPlacementInner, verticalOrientationClass)
|
149
|
+
}, innerShowScale && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
|
131
150
|
ref: startLabelRef,
|
132
151
|
className: index.cx(hideMinValueDiffClass, activeFirstValue)
|
133
|
-
}, min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
|
152
|
+
}, reversed ? max : min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
|
134
153
|
min: min,
|
135
154
|
max: max,
|
136
155
|
disabled: disabled,
|
137
156
|
setStepSize: setStepSize,
|
138
157
|
onChange: onHandleChangeCommitted,
|
139
158
|
railFillWidth: state.railFillWidth,
|
140
|
-
settings:
|
159
|
+
settings: settings,
|
141
160
|
labelPlacement: labelPlacement,
|
142
|
-
rangeValuesPlacement: rangeValuesPlacement
|
161
|
+
rangeValuesPlacement: rangeValuesPlacement,
|
162
|
+
orientation: orientation
|
143
163
|
}, rest), /*#__PURE__*/React.createElement(Handler.Handler, {
|
164
|
+
size: pointerSize,
|
165
|
+
orientation: orientation,
|
144
166
|
stepSize: state.stepSize,
|
145
167
|
onChangeCommitted: onHandleChangeCommitted,
|
146
168
|
onChange: onHandleChange,
|
147
|
-
|
169
|
+
position: state.handlePosition,
|
148
170
|
min: min,
|
149
171
|
max: max,
|
150
172
|
startOffset: startOffset,
|
@@ -153,11 +175,12 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
153
175
|
disabled: disabled,
|
154
176
|
ariaLabel: ariaLabel,
|
155
177
|
multipleStepSize: multipleStepSize,
|
156
|
-
showCurrentValue: showCurrentValue
|
157
|
-
|
178
|
+
showCurrentValue: showCurrentValue,
|
179
|
+
valuePlacement: valuePlacement
|
180
|
+
})), innerShowScale && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
|
158
181
|
ref: endLabelRef,
|
159
182
|
className: index.cx(Slider_tokens.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
160
|
-
}, max)));
|
183
|
+
}, reversed ? min : max)));
|
161
184
|
};
|
162
185
|
|
163
186
|
exports.SingleSlider = SingleSlider;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n Label,\n LabelContentLeft,\n LabelWrapper,\n SingleWrapper,\n SliderBaseWrapper,\n StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'outer',\n rangeValuesPlacement = 'outer',\n multipleStepSize = 10,\n size = 'm',\n ...rest\n}) => {\n const [state, setState] = useState({\n xHandle: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const [dragValue, setDragValue] = useState(value);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n const rangeValuesPlacementClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n const hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(value, min), max) - min;\n\n if (rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newHandleXPosition = data.x;\n const newValue = Math.round(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandleXPosition,\n }));\n\n if (onChange) {\n onChange(newValue);\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n const newValue = Math.round(handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: data.lastX,\n railFillWidth: data.lastX,\n }));\n\n setDragValue(newValue);\n };\n\n return (\n <SingleWrapper className={labelPlacementClass}>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper className={rangeValuesPlacementClass}>\n {showRangeValues && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n {...rest}\n >\n <Handler\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n xPosition={state.xHandle}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n />\n </SliderBase>\n {showRangeValues && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","_ref$size","size","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","useRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","newValue","round","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport type { SingleSliderProps } from './Single.types';\nimport { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n labelContent,\n labelAlign = 'right',\n showScale,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'outer',\n rangeValuesPlacement = 'outer',\n multipleStepSize = 10,\n size = 'm',\n pointerSize = 's',\n orientation = 'horizontal',\n reversed,\n labelReversed,\n ...rest\n}) => {\n const isVertical = orientation === 'vertical';\n\n const [state, setState] = useState({\n handlePosition: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const innerValue = reversed ? max - value + min : value;\n const [dragValue, setDragValue] = useState(innerValue);\n\n const { stepSize } = state;\n\n const innerShowScale = showRangeValues || showScale;\n\n const hasLabelContent =\n Boolean(label || labelContentLeft || labelContent) && (!isVertical || (isVertical && labelAlign !== 'none'));\n const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n const hideMinValueDiffClass = hideMinValueDiff && innerValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - innerValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n const verticalOrientationClass = orientation === 'vertical' ? classes.verticalOrientation : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(innerValue, min), max) - min;\n\n if (!isVertical && rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else if (isVertical && innerShowScale && labelAlign !== 'center') {\n setStartOffset(12);\n setEndOffset(12);\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [\n innerValue,\n innerShowScale,\n labelPlacement,\n stepSize,\n rangeValuesPlacement,\n min,\n max,\n setStartOffset,\n setEndOffset,\n ]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n const newHandlePosition = isVertical ? data.y : data.x;\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandlePosition,\n }));\n\n if (onChange) {\n onChange(newValue);\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = useCallback(\n (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: isVertical ? data.lastY : data.lastX,\n railFillWidth: isVertical ? data.lastY : data.lastX,\n }));\n\n setDragValue(newValue);\n },\n [isVertical, min, max, reversed],\n );\n\n const labelVerticalPlacement = reversed ? 'bottom' : 'top';\n const valuePlacement = labelAlign === 'left' ? 'left' : 'right';\n const settings = sizeData[size][pointerSize === 'l' ? 'l' : 's'];\n\n return (\n <SingleWrapper\n className={cx(\n labelPlacementClass,\n verticalOrientationClass,\n labelAlign === 'left' && classes.labelAlignLeft,\n labelAlign === 'center' && classes.labelAlignCenter,\n labelAlign === 'right' && classes.labelAlignRight,\n labelVerticalPlacement === 'bottom' && classes.labelPlacementBottom,\n labelReversed && classes.labelContentReversed,\n )}\n >\n {hasLabelContent && (\n <LabelWrapper>\n {(labelContentLeft || labelContent) && <LabelContent>{labelContent}</LabelContent>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper\n className={cx(\n !isVertical && rangeValuesPlacement === 'outer' && classes.rangeValuesPlacementOuter,\n !isVertical && rangeValuesPlacement !== 'outer' && classes.rangeValuesPlacementInner,\n verticalOrientationClass,\n )}\n >\n {innerShowScale && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {reversed ? max : min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={settings}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n orientation={orientation}\n {...rest}\n >\n <Handler\n size={pointerSize}\n orientation={orientation}\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n position={state.handlePosition}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n valuePlacement={valuePlacement}\n />\n </SliderBase>\n {innerShowScale && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {reversed ? min : max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","labelContent","_ref$labelAlign","labelAlign","showScale","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","_ref$size","size","_ref$pointerSize","pointerSize","_ref$orientation","orientation","reversed","labelReversed","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","handlePosition","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","innerValue","_useState7","_useState8","dragValue","setDragValue","innerShowScale","hasLabelContent","Boolean","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","verticalOrientationClass","verticalOrientation","startLabelRef","useRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newValue","round","newHandlePosition","y","x","onHandleChangeCommitted","lastY","lastX","labelVerticalPlacement","valuePlacement","settings","sizeData","React","createElement","SingleWrapper","className","cx","labelAlignLeft","labelAlignCenter","labelAlignRight","labelPlacementBottom","labelContentReversed","LabelWrapper","LabelContent","Label","SliderBaseWrapper","rangeValuesPlacementOuter","rangeValuesPlacementInner","StyledRangeValue","ref","SliderBase","_extends","Handler","position","maxRangeValue"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Single.
|
1
|
+
import './Single.styles_fdps5r.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -10,8 +10,8 @@ var LabelWrapper = /*#__PURE__*/react.styled('div')({
|
|
10
10
|
"class": "l1p4kc08",
|
11
11
|
propsAsIs: false
|
12
12
|
});
|
13
|
-
var
|
14
|
-
name: "
|
13
|
+
var LabelContent = /*#__PURE__*/react.styled('div')({
|
14
|
+
name: "LabelContent",
|
15
15
|
"class": "ly2gexi",
|
16
16
|
propsAsIs: false
|
17
17
|
});
|
@@ -37,7 +37,7 @@ var SingleWrapper = /*#__PURE__*/react.styled('div')({
|
|
37
37
|
});
|
38
38
|
|
39
39
|
exports.Label = Label;
|
40
|
-
exports.
|
40
|
+
exports.LabelContent = LabelContent;
|
41
41
|
exports.LabelWrapper = LabelWrapper;
|
42
42
|
exports.SingleWrapper = SingleWrapper;
|
43
43
|
exports.SliderBaseWrapper = SliderBaseWrapper;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const
|
1
|
+
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContent = styled.div`\n display: inline-flex;\n`;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.rangeValueFontFamily});\n font-size: var(${tokens.rangeValueFontSize});\n font-style: var(${tokens.rangeValueFontStyle});\n font-weight: var(${tokens.rangeValueFontWeight});\n letter-spacing: var(${tokens.rangeValueLetterSpacing});\n line-height: var(${tokens.rangeValueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n position: relative;\n display: flex;\n flex: 1;\n\n &.${classes.rangeValuesPlacementOuter} {\n ${StyledRangeValue} {\n position: absolute;\n bottom: var(${tokens.rangeValueBottomOffset});\n left: 0;\n\n &.${classes.maxRangeValue} {\n left: unset;\n right: 0;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.rangeMinValueMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeMaxValueMargin});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n\n &.${classes.labelAlignCenter} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n\n &.${classes.labelPlacementBottom} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n }\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n }\n }\n\n ${LabelWrapper} {\n align-items: center;\n }\n\n ${SliderBaseWrapper} {\n width: var(${tokens.size});\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: 0;\n margin-bottom: var(${tokens.labelWrapperVerticalMargin});\n }\n }\n\n &.${classes.labelAlignLeft} {\n align-items: flex-end;\n\n ${LabelWrapper} {\n flex-direction: row-reverse;\n }\n }\n\n &.${classes.labelAlignRight} {\n align-items: flex-start;\n }\n\n &.${classes.labelPlacementBottom} {\n flex-direction: column-reverse;\n\n ${LabelWrapper} {\n margin-top: var(${tokens.labelWrapperVerticalMargin});\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${SliderBaseWrapper} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &.${classes.labelAlignCenter} {\n ${StyledRangeValue} {\n position: static;\n bottom: 0;\n left: 0;\n margin-bottom: var(${tokens.rangeMinValueMargin});\n\n &.${classes.maxRangeValue} {\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: var(${tokens.rangeMaxValueMargin});\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignLeft}, &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n margin-right: 0;\n margin-bottom: 0;\n position: absolute;\n top: 0;\n\n right: calc(var(${tokens.railThickness}) + 1rem);\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: 0;\n top: auto;\n bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n left: calc(var(${tokens.size}) + var(${tokens.railThickness}));\n }\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContent","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;;;;;AAIO,IAAMA,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwIlC;;;;;;;;;"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
.l1p4kc08{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
2
|
+
.ly2gexi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
3
|
+
.lozb535{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);}
|
4
|
+
.s1w9icbd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.s1w9icbd.slider-hide-min-value,.s1w9icbd.slider-hide-max-value{opacity:0;}.s1w9icbd.slider-active-range-value{color:var(--plasma-slider-label-color);}
|
5
|
+
.s1d2sfgl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd.slider-max-range-value{left:unset;right:0;}.s1d2sfgl.slider-range-values-placement-inner{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd{margin-right:var(--plasma-slider-range-min-value-margin);}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
|
6
|
+
.ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-vertical-orientation{-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;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation .l1p4kc08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{width:var(--plasma-slider-size);}.ss3ujqx.slider-vertical-orientation.slider-label-placement-inner .l1p4kc08{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-left{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .l1p4kc08{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom .l1p4kc08{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.ss3ujqx.slider-vertical-orientation{-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;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{-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;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-min-value-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd.slider-max-range-value{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-max-value-margin);margin-bottom:0;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc(var(--plasma-slider-rail-thickness) + 1rem);}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd.slider-max-range-value,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:0;top:auto;bottom:0;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.SliderBase_styles_1g9fv8o_r33crq1__e35252bf{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%);}
|
2
|
+
.SliderBase_styles_1g9fv8o_snaoqfb__e35252bf{-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_1g9fv8o_snaoqfb__e35252bf.SliderBase_styles_1g9fv8o_sliderVerticalOrientation__e35252bf{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1g9fv8o_snaoqfb__e35252bf.SliderBase_styles_1g9fv8o_sliderVerticalOrientation__e35252bf .SliderBase_styles_1g9fv8o_r33crq1__e35252bf{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
|
3
|
+
.SliderBase_styles_1g9fv8o_r1bro5xo__e35252bf{height:100%;}
|
4
|
+
.SliderBase_styles_1g9fv8o_fdg7yhg__e35252bf{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
5
5
|
var React = require('react');
|
6
6
|
var useIsomorphicLayoutEffect = require('../../../../hooks/useIsomorphicLayoutEffect.js');
|
7
|
+
var Slider_tokens = require('../../Slider.tokens.js');
|
8
|
+
var index = require('../../../../utils/index.js');
|
7
9
|
var SliderBase_styles = require('./SliderBase.styles.js');
|
8
10
|
|
9
11
|
var SliderBase = function SliderBase(_ref) {
|
@@ -18,6 +20,7 @@ var SliderBase = function SliderBase(_ref) {
|
|
18
20
|
labelPlacement = _ref.labelPlacement,
|
19
21
|
rangeValuesPlacement = _ref.rangeValuesPlacement,
|
20
22
|
onChange = _ref.onChange,
|
23
|
+
orientation = _ref.orientation,
|
21
24
|
_ref$settings = _ref.settings,
|
22
25
|
settings = _ref$settings === void 0 ? {} : _ref$settings;
|
23
26
|
var _settings$indent = settings.indent,
|
@@ -26,34 +29,41 @@ var SliderBase = function SliderBase(_ref) {
|
|
26
29
|
fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
|
27
30
|
var ref = React.useRef(null);
|
28
31
|
var gap = indent * fontSizeMultiplier * 2;
|
32
|
+
var isVertical = orientation === 'vertical';
|
29
33
|
React.useEffect(function () {
|
30
34
|
var resizeHandler = function resizeHandler() {
|
31
35
|
if (ref.current) {
|
32
|
-
var railSize = ref.current.offsetWidth - gap;
|
36
|
+
var railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;
|
33
37
|
var totalSteps = max - min;
|
34
38
|
setStepSize(railSize / totalSteps);
|
35
39
|
}
|
36
40
|
};
|
37
41
|
resizeHandler();
|
38
|
-
}, [labelPlacement, rangeValuesPlacement]);
|
42
|
+
}, [labelPlacement, rangeValuesPlacement, gap, isVertical]);
|
39
43
|
var onHandleChange = function onHandleChange(e) {
|
40
44
|
if (!onChange || disabled) {
|
41
45
|
return;
|
42
46
|
}
|
43
47
|
var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
|
44
48
|
x = _e$currentTarget$getB.x,
|
45
|
-
width = _e$currentTarget$getB.width
|
46
|
-
|
47
|
-
|
49
|
+
width = _e$currentTarget$getB.width,
|
50
|
+
y = _e$currentTarget$getB.y,
|
51
|
+
height = _e$currentTarget$getB.height;
|
52
|
+
var lastPos = isVertical ? e.clientY - y : e.clientX - x;
|
53
|
+
var sliderWidth = isVertical ? height : width;
|
54
|
+
var position = min + lastPos / (sliderWidth - gap) * (max - min);
|
48
55
|
var result = Math.max(min, Math.min(max, position));
|
49
|
-
|
50
|
-
|
51
|
-
}
|
56
|
+
var data = isVertical ? {
|
57
|
+
lastY: lastPos
|
58
|
+
} : {
|
59
|
+
lastX: lastPos
|
60
|
+
};
|
61
|
+
onChange(result, data);
|
52
62
|
};
|
53
63
|
useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(function () {
|
54
64
|
var resizeHandler = function resizeHandler() {
|
55
65
|
if (ref.current) {
|
56
|
-
var railSize = ref.current.offsetWidth - gap;
|
66
|
+
var railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;
|
57
67
|
var totalSteps = max - min;
|
58
68
|
setStepSize(railSize / totalSteps);
|
59
69
|
}
|
@@ -63,13 +73,18 @@ var SliderBase = function SliderBase(_ref) {
|
|
63
73
|
return function () {
|
64
74
|
return window.removeEventListener('resize', resizeHandler);
|
65
75
|
};
|
66
|
-
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
|
67
|
-
var fillStyle = {
|
76
|
+
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement, isVertical]);
|
77
|
+
var fillStyle = isVertical ? {
|
78
|
+
top: "".concat(railFillXPosition, "px"),
|
79
|
+
height: "".concat(railFillWidth, "px"),
|
80
|
+
width: '100%'
|
81
|
+
} : {
|
68
82
|
left: "".concat(railFillXPosition, "px"),
|
69
83
|
width: "".concat(railFillWidth, "px")
|
70
84
|
};
|
71
85
|
return /*#__PURE__*/React.createElement(SliderBase_styles.Slider, {
|
72
|
-
ref: ref
|
86
|
+
ref: ref,
|
87
|
+
className: index.cx(orientation === 'vertical' && Slider_tokens.classes.verticalOrientation)
|
73
88
|
}, /*#__PURE__*/React.createElement(SliderBase_styles.RailWrap, {
|
74
89
|
"aria-hidden": "true",
|
75
90
|
onMouseDown: onHandleChange
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange || disabled) {\n return;\n }\n\n const { x, width } = e.currentTarget.getBoundingClientRect();\n\n const
|
1
|
+
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\nimport { classes } from '../../Slider.tokens';\nimport { cx } from '../../../../utils';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n orientation,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n const isVertical = orientation === 'vertical';\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement, gap, isVertical]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange || disabled) {\n return;\n }\n\n const { x, width, y, height } = e.currentTarget.getBoundingClientRect();\n\n const lastPos = isVertical ? e.clientY - y : e.clientX - x;\n const sliderWidth = isVertical ? height : width;\n\n const position = min + (lastPos / (sliderWidth - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n const data = isVertical ? { lastY: lastPos } : { lastX: lastPos };\n onChange(result, (data as unknown) as DraggableData);\n };\n\n useIsomorphicLayoutEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement, isVertical]);\n\n const fillStyle = isVertical\n ? { top: `${railFillXPosition}px`, height: `${railFillWidth}px`, width: '100%' }\n : { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref} className={cx(orientation === 'vertical' && classes.verticalOrientation)}>\n <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n <Rail>\n <Fill style={fillStyle} />\n </Rail>\n </RailWrap>\n\n {children}\n </Slider>\n );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","orientation","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","isVertical","useEffect","resizeHandler","current","railSize","offsetHeight","offsetWidth","totalSteps","onHandleChange","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","y","height","lastPos","clientY","clientX","sliderWidth","position","result","Math","data","lastY","lastX","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","top","concat","left","React","createElement","Slider","className","cx","classes","verticalOrientation","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"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"}
|
@@ -1,22 +1,22 @@
|
|
1
|
-
import './SliderBase.
|
1
|
+
import './SliderBase.styles_1g9fv8o.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
7
|
|
8
|
+
var Rail = /*#__PURE__*/react.styled('div')({
|
9
|
+
name: "Rail",
|
10
|
+
"class": "r33crq1",
|
11
|
+
propsAsIs: false
|
12
|
+
});
|
8
13
|
var Slider = /*#__PURE__*/react.styled('div')({
|
9
14
|
name: "Slider",
|
10
|
-
"class": "
|
15
|
+
"class": "snaoqfb",
|
11
16
|
propsAsIs: false
|
12
17
|
});
|
13
18
|
var RailWrap = /*#__PURE__*/react.styled('div')({
|
14
19
|
name: "RailWrap",
|
15
|
-
"class": "rnaoqfb",
|
16
|
-
propsAsIs: false
|
17
|
-
});
|
18
|
-
var Rail = /*#__PURE__*/react.styled('div')({
|
19
|
-
name: "Rail",
|
20
20
|
"class": "r1bro5xo",
|
21
21
|
propsAsIs: false
|
22
22
|
});
|