@salutejs/plasma-new-hope 0.78.0-canary.1194.8928682263.0 → 0.78.0-canary.1195.8924860991.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.styles.js +1 -0
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
- package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +1 -0
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/IconButton/IconButton.css +24 -0
- package/cjs/components/IconButton/IconButton.js +50 -0
- package/cjs/components/IconButton/IconButton.js.map +1 -0
- package/cjs/components/IconButton/IconButton.styles.js +16 -0
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -0
- package/cjs/components/IconButton/IconButton.styles_1hknr37.css +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js +32 -0
- package/cjs/components/IconButton/IconButton.tokens.js.map +1 -0
- package/cjs/components/TextField/TextField.js +2 -6
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +2 -25
- package/cjs/index.js +5 -14
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Button/Button.styles.js +1 -0
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Combobox/hooks/useFocusController.js +0 -1
- package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/es/components/Drawer/Drawer.js +1 -0
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/IconButton/IconButton.css +24 -0
- package/es/components/IconButton/IconButton.js +45 -0
- package/es/components/IconButton/IconButton.js.map +1 -0
- package/es/components/IconButton/IconButton.styles.js +12 -0
- package/es/components/IconButton/IconButton.styles.js.map +1 -0
- package/es/components/IconButton/IconButton.styles_1hknr37.css +1 -0
- package/es/components/IconButton/IconButton.tokens.js +28 -0
- package/es/components/IconButton/IconButton.tokens.js.map +1 -0
- package/es/components/TextField/TextField.js +2 -6
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +2 -25
- package/es/index.js +2 -8
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -4
- package/styled-components/cjs/components/Button/Button.styles.js +10 -2
- package/styled-components/cjs/components/IconButton/IconButton.js +47 -0
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +12 -0
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +31 -0
- package/styled-components/cjs/components/IconButton/index.js +25 -0
- package/styled-components/cjs/components/TextField/TextField.js +2 -6
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +46 -0
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +46 -0
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/index.js +11 -11
- package/styled-components/cjs/utils/index.js +0 -7
- package/styled-components/es/components/Button/Button.styles.js +10 -2
- package/styled-components/es/components/IconButton/IconButton.js +41 -0
- package/styled-components/es/components/IconButton/IconButton.styles.js +6 -0
- package/styled-components/es/components/IconButton/IconButton.tokens.js +25 -0
- package/styled-components/es/components/IconButton/index.js +2 -0
- package/styled-components/es/components/TextField/TextField.js +2 -6
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +40 -0
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +40 -0
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +5 -0
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/index.js +2 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Button/Button.styles.d.ts +1 -0
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.d.ts +35 -0
- package/types/components/IconButton/IconButton.d.ts.map +1 -0
- package/types/components/IconButton/IconButton.styles.d.ts +3 -0
- package/types/components/IconButton/IconButton.styles.d.ts.map +1 -0
- package/types/components/IconButton/IconButton.tokens.d.ts +26 -0
- package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -0
- package/types/components/IconButton/index.d.ts +3 -0
- package/types/components/IconButton/index.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +39 -0
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +33 -0
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +39 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +33 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -0
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/Slider.css +0 -69
- package/cjs/components/Slider/Slider.js +0 -58
- package/cjs/components/Slider/Slider.js.map +0 -1
- package/cjs/components/Slider/Slider.tokens.js +0 -79
- package/cjs/components/Slider/Slider.tokens.js.map +0 -1
- package/cjs/components/Slider/components/Double/Double.css +0 -62
- package/cjs/components/Slider/components/Double/Double.js +0 -274
- package/cjs/components/Slider/components/Double/Double.js.map +0 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
- package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
- package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
- package/cjs/components/Slider/components/Single/Single.css +0 -16
- package/cjs/components/Slider/components/Single/Single.js +0 -160
- package/cjs/components/Slider/components/Single/Single.js.map +0 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
- package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
- package/cjs/components/Slider/ui/Handle/Handle.css +0 -4
- package/cjs/components/Slider/ui/Handle/Handle.js +0 -174
- package/cjs/components/Slider/ui/Handle/Handle.js.map +0 -1
- package/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -21
- package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
- package/cjs/components/Slider/ui/Handle/Handle.styles_16a5sl.css +0 -2
- package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +0 -1
- package/cjs/components/Slider/utils/index.js +0 -56
- package/cjs/components/Slider/utils/index.js.map +0 -1
- package/cjs/components/Slider/variations/_disabled/base.js +0 -9
- package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
- package/cjs/components/Slider/variations/_size/base.js +0 -9
- package/cjs/components/Slider/variations/_size/base.js.map +0 -1
- package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Slider/variations/_view/base.js +0 -9
- package/cjs/components/Slider/variations/_view/base.js.map +0 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/cjs/utils/canUseDOM.js +0 -12
- package/cjs/utils/canUseDOM.js.map +0 -1
- package/es/components/Slider/Slider.css +0 -69
- package/es/components/Slider/Slider.js +0 -53
- package/es/components/Slider/Slider.js.map +0 -1
- package/es/components/Slider/Slider.tokens.js +0 -74
- package/es/components/Slider/Slider.tokens.js.map +0 -1
- package/es/components/Slider/components/Double/Double.css +0 -62
- package/es/components/Slider/components/Double/Double.js +0 -270
- package/es/components/Slider/components/Double/Double.js.map +0 -1
- package/es/components/Slider/components/Double/Double.styles.js +0 -51
- package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
- package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
- package/es/components/Slider/components/Single/Single.css +0 -16
- package/es/components/Slider/components/Single/Single.js +0 -156
- package/es/components/Slider/components/Single/Single.js.map +0 -1
- package/es/components/Slider/components/Single/Single.styles.js +0 -36
- package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
- package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
- package/es/components/Slider/ui/Handle/Handle.css +0 -4
- package/es/components/Slider/ui/Handle/Handle.js +0 -170
- package/es/components/Slider/ui/Handle/Handle.js.map +0 -1
- package/es/components/Slider/ui/Handle/Handle.styles.js +0 -16
- package/es/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
- package/es/components/Slider/ui/Handle/Handle.styles_16a5sl.css +0 -2
- package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
- package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +0 -1
- package/es/components/Slider/utils/index.js +0 -50
- package/es/components/Slider/utils/index.js.map +0 -1
- package/es/components/Slider/variations/_disabled/base.js +0 -5
- package/es/components/Slider/variations/_disabled/base.js.map +0 -1
- package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
- package/es/components/Slider/variations/_size/base.js +0 -5
- package/es/components/Slider/variations/_size/base.js.map +0 -1
- package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
- package/es/components/Slider/variations/_view/base.js +0 -5
- package/es/components/Slider/variations/_view/base.js.map +0 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
- package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/es/utils/canUseDOM.js +0 -8
- package/es/utils/canUseDOM.js.map +0 -1
- package/styled-components/cjs/components/Slider/Slider.js +0 -57
- package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
- package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -286
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
- package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -172
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
- package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/index.js +0 -27
- package/styled-components/cjs/components/Slider/index.js +0 -32
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +0 -183
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -15
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +0 -5
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -12
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
- package/styled-components/cjs/components/Slider/ui/index.js +0 -63
- package/styled-components/cjs/components/Slider/utils/index.js +0 -55
- package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
- package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
- package/styled-components/cjs/utils/canUseDOM.js +0 -11
- package/styled-components/es/components/Slider/Slider.js +0 -48
- package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
- package/styled-components/es/components/Slider/Slider.types.js +0 -1
- package/styled-components/es/components/Slider/components/Double/Double.js +0 -278
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
- package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
- package/styled-components/es/components/Slider/components/Single/Single.js +0 -164
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
- package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
- package/styled-components/es/components/Slider/components/index.js +0 -3
- package/styled-components/es/components/Slider/index.js +0 -3
- package/styled-components/es/components/Slider/ui/Handle/Handle.js +0 -174
- package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +0 -8
- package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +0 -1
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -5
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
- package/styled-components/es/components/Slider/ui/index.js +0 -5
- package/styled-components/es/components/Slider/utils/index.js +0 -47
- package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
- package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
- package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
- package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
- package/styled-components/es/utils/canUseDOM.js +0 -5
- package/types/components/Slider/Slider.d.ts +0 -31
- package/types/components/Slider/Slider.d.ts.map +0 -1
- package/types/components/Slider/Slider.tokens.d.ts +0 -72
- package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
- package/types/components/Slider/Slider.types.d.ts +0 -3
- package/types/components/Slider/Slider.types.d.ts.map +0 -1
- package/types/components/Slider/components/Double/Double.d.ts +0 -4
- package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +0 -60
- package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
- package/types/components/Slider/components/Single/Single.d.ts +0 -4
- package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +0 -62
- package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
- package/types/components/Slider/components/index.d.ts +0 -6
- package/types/components/Slider/components/index.d.ts.map +0 -1
- package/types/components/Slider/index.d.ts +0 -6
- package/types/components/Slider/index.d.ts.map +0 -1
- package/types/components/Slider/ui/Handle/Handle.d.ts +0 -9
- package/types/components/Slider/ui/Handle/Handle.d.ts.map +0 -1
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts +0 -4
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +0 -1
- package/types/components/Slider/ui/Handle/Handle.types.d.ts +0 -24
- package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
- package/types/components/Slider/ui/index.d.ts +0 -6
- package/types/components/Slider/ui/index.d.ts.map +0 -1
- package/types/components/Slider/utils/index.d.ts +0 -33
- package/types/components/Slider/utils/index.d.ts.map +0 -1
- package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
- package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Slider/variations/_size/base.d.ts +0 -2
- package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
- package/types/components/Slider/variations/_view/base.d.ts +0 -2
- package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -17
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -17
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
- package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
- package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
- package/types/utils/canUseDOM.d.ts +0 -6
- package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -1,156 +0,0 @@
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { useState, useRef, useEffect, useCallback } from 'react';
|
3
|
-
import { SliderBase } from '../SliderBase/SliderBase.js';
|
4
|
-
import { Handle } from '../../ui/Handle/Handle.js';
|
5
|
-
import '@linaria/react';
|
6
|
-
import { sizeData } from '../../utils/index.js';
|
7
|
-
import { cx } from '../../../../utils/index.js';
|
8
|
-
import { classes } from '../../Slider.tokens.js';
|
9
|
-
import { SingleWrapper, LabelWrapper, LabelContentLeft, Label, SliderBaseWrapper, StyledRangeValue } from './Single.styles.js';
|
10
|
-
import { isNumber } from '../../../../utils/isNumber.js';
|
11
|
-
|
12
|
-
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChangeDrag", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
13
|
-
var SingleSlider = function SingleSlider(_ref) {
|
14
|
-
var min = _ref.min,
|
15
|
-
max = _ref.max,
|
16
|
-
value = _ref.value,
|
17
|
-
disabled = _ref.disabled,
|
18
|
-
onChangeCommitted = _ref.onChangeCommitted,
|
19
|
-
onChangeDrag = _ref.onChangeDrag,
|
20
|
-
ariaLabel = _ref.ariaLabel,
|
21
|
-
label = _ref.label,
|
22
|
-
labelContentLeft = _ref.labelContentLeft,
|
23
|
-
showRangeValues = _ref.showRangeValues,
|
24
|
-
showCurrentValue = _ref.showCurrentValue,
|
25
|
-
hideMinValueDiff = _ref.hideMinValueDiff,
|
26
|
-
hideMaxValueDiff = _ref.hideMaxValueDiff,
|
27
|
-
_ref$labelPlacement = _ref.labelPlacement,
|
28
|
-
labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
|
29
|
-
_ref$rangeValuesPlace = _ref.rangeValuesPlacement,
|
30
|
-
rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
|
31
|
-
_ref$multipleStepSize = _ref.multipleStepSize,
|
32
|
-
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
33
|
-
_ref$size = _ref.size,
|
34
|
-
size = _ref$size === void 0 ? 'm' : _ref$size,
|
35
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
36
|
-
var _useState = useState({
|
37
|
-
xHandle: 0,
|
38
|
-
stepSize: 0,
|
39
|
-
railFillWidth: 0
|
40
|
-
}),
|
41
|
-
_useState2 = _slicedToArray(_useState, 2),
|
42
|
-
state = _useState2[0],
|
43
|
-
setState = _useState2[1];
|
44
|
-
var stepSize = state.stepSize;
|
45
|
-
var hasLabelContent = label || labelContentLeft;
|
46
|
-
var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
|
47
|
-
var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
|
48
|
-
var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';
|
49
|
-
var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';
|
50
|
-
var startLabelRef = useRef(null);
|
51
|
-
var endLabelRef = useRef(null);
|
52
|
-
var _useState3 = useState(0),
|
53
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
54
|
-
startOffset = _useState4[0],
|
55
|
-
setStartOffset = _useState4[1];
|
56
|
-
var _useState5 = useState(0),
|
57
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
58
|
-
endOffset = _useState6[0],
|
59
|
-
setEndOffset = _useState6[1];
|
60
|
-
var _useState7 = useState(value),
|
61
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
62
|
-
dragValue = _useState8[0],
|
63
|
-
setDragValue = _useState8[1];
|
64
|
-
var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
|
65
|
-
var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
|
66
|
-
useEffect(function () {
|
67
|
-
var localValue = Math.min(Math.max(value, min), max) - min;
|
68
|
-
if (rangeValuesPlacement === 'outer') {
|
69
|
-
var _startLabelRef$curren, _endLabelRef$current;
|
70
|
-
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
71
|
-
if (isNumber(startWidth)) {
|
72
|
-
setStartOffset(Number(startWidth));
|
73
|
-
}
|
74
|
-
var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
|
75
|
-
if (isNumber(endWidth)) {
|
76
|
-
setEndOffset(Number(endWidth));
|
77
|
-
}
|
78
|
-
} else {
|
79
|
-
setStartOffset(1);
|
80
|
-
setEndOffset(1);
|
81
|
-
}
|
82
|
-
setState(function (prevState) {
|
83
|
-
return _objectSpread2(_objectSpread2({}, prevState), {}, {
|
84
|
-
xHandle: stepSize * localValue,
|
85
|
-
railFillWidth: stepSize * localValue
|
86
|
-
});
|
87
|
-
});
|
88
|
-
}, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
89
|
-
var setStepSize = useCallback(function (newStepSize) {
|
90
|
-
setState(function (prevState) {
|
91
|
-
return _objectSpread2(_objectSpread2({}, prevState), {}, {
|
92
|
-
stepSize: newStepSize
|
93
|
-
});
|
94
|
-
});
|
95
|
-
}, []);
|
96
|
-
var onHandleChange = useCallback(function (handleValue, data) {
|
97
|
-
var newHandleXPosition = data.x;
|
98
|
-
setState(function (prevState) {
|
99
|
-
return _objectSpread2(_objectSpread2({}, prevState), {}, {
|
100
|
-
railFillWidth: newHandleXPosition
|
101
|
-
});
|
102
|
-
});
|
103
|
-
if (onChangeDrag) {
|
104
|
-
onChangeDrag(handleValue);
|
105
|
-
}
|
106
|
-
setDragValue(handleValue);
|
107
|
-
}, [onChangeDrag, setDragValue]);
|
108
|
-
var onHandleChangeCommitted = useCallback(function (handleValue, data) {
|
109
|
-
onChangeCommitted && onChangeCommitted(handleValue);
|
110
|
-
setState(function (prevState) {
|
111
|
-
return _objectSpread2(_objectSpread2({}, prevState), {}, {
|
112
|
-
xHandle: data.lastX,
|
113
|
-
railFillWidth: data.lastX
|
114
|
-
});
|
115
|
-
});
|
116
|
-
setDragValue(handleValue);
|
117
|
-
}, [onChangeCommitted, setDragValue]);
|
118
|
-
return /*#__PURE__*/React.createElement(SingleWrapper, {
|
119
|
-
className: labelPlacementClass
|
120
|
-
}, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderBaseWrapper, {
|
121
|
-
className: rangeValuesPlacementClass
|
122
|
-
}, showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
|
123
|
-
ref: startLabelRef,
|
124
|
-
className: cx(hideMinValueDiffClass, activeFirstValue)
|
125
|
-
}, min), /*#__PURE__*/React.createElement(SliderBase, _extends({
|
126
|
-
min: min,
|
127
|
-
max: max,
|
128
|
-
disabled: disabled,
|
129
|
-
setStepSize: setStepSize,
|
130
|
-
onChange: onHandleChangeCommitted,
|
131
|
-
railFillWidth: state.railFillWidth,
|
132
|
-
settings: sizeData[size],
|
133
|
-
labelPlacement: labelPlacement,
|
134
|
-
rangeValuesPlacement: rangeValuesPlacement
|
135
|
-
}, rest), /*#__PURE__*/React.createElement(Handle, {
|
136
|
-
stepSize: state.stepSize,
|
137
|
-
onChangeCommitted: onHandleChangeCommitted,
|
138
|
-
onChange: onHandleChange,
|
139
|
-
xPosition: state.xHandle,
|
140
|
-
min: min,
|
141
|
-
max: max,
|
142
|
-
startOffset: startOffset,
|
143
|
-
endOffset: endOffset,
|
144
|
-
value: value,
|
145
|
-
disabled: disabled,
|
146
|
-
ariaLabel: ariaLabel,
|
147
|
-
multipleStepSize: multipleStepSize,
|
148
|
-
showCurrentValue: showCurrentValue
|
149
|
-
})), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
|
150
|
-
ref: endLabelRef,
|
151
|
-
className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
152
|
-
}, max)));
|
153
|
-
};
|
154
|
-
|
155
|
-
export { SingleSlider };
|
156
|
-
//# sourceMappingURL=Single.js.map
|
@@ -1 +0,0 @@
|
|
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 { Handle } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandleProps } 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 onChangeDrag,\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 { 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 [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const [dragValue, setDragValue] = useState(value);\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((newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n }, []);\n\n const onHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n (handleValue, data) => {\n const newHandleXPosition = data.x;\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandleXPosition,\n }));\n\n if (onChangeDrag) {\n onChangeDrag(handleValue);\n }\n\n setDragValue(handleValue);\n },\n [onChangeDrag, setDragValue],\n );\n\n const onHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n (handleValue, data) => {\n onChangeCommitted && onChangeCommitted(handleValue);\n setState((prevState) => ({\n ...prevState,\n xHandle: data.lastX,\n railFillWidth: data.lastX,\n }));\n\n setDragValue(handleValue);\n },\n [onChangeCommitted, setDragValue],\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 <Handle\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={value}\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","onChangeDrag","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","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","useRef","endLabelRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","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","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","onChange","settings","sizeData","Handle","xPosition","maxRangeValue"],"mappings":"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"}
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import './Single.styles_1r9f1e0.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
var LabelWrapper = /*#__PURE__*/styled('div')({
|
5
|
-
name: "LabelWrapper",
|
6
|
-
"class": "l1p4kc08",
|
7
|
-
propsAsIs: false
|
8
|
-
});
|
9
|
-
var LabelContentLeft = /*#__PURE__*/styled('div')({
|
10
|
-
name: "LabelContentLeft",
|
11
|
-
"class": "ly2gexi",
|
12
|
-
propsAsIs: false
|
13
|
-
});
|
14
|
-
var Label = /*#__PURE__*/styled('label')({
|
15
|
-
name: "Label",
|
16
|
-
"class": "lozb535",
|
17
|
-
propsAsIs: false
|
18
|
-
});
|
19
|
-
var StyledRangeValue = /*#__PURE__*/styled('span')({
|
20
|
-
name: "StyledRangeValue",
|
21
|
-
"class": "s1w9icbd",
|
22
|
-
propsAsIs: false
|
23
|
-
});
|
24
|
-
var SliderBaseWrapper = /*#__PURE__*/styled('div')({
|
25
|
-
name: "SliderBaseWrapper",
|
26
|
-
"class": "s1d2sfgl",
|
27
|
-
propsAsIs: false
|
28
|
-
});
|
29
|
-
var SingleWrapper = /*#__PURE__*/styled('div')({
|
30
|
-
name: "SingleWrapper",
|
31
|
-
"class": "ss3ujqx",
|
32
|
-
propsAsIs: false
|
33
|
-
});
|
34
|
-
|
35
|
-
export { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue };
|
36
|
-
//# sourceMappingURL=Single.styles.js.map
|
@@ -1 +0,0 @@
|
|
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 LabelContentLeft = styled.div``;\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"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;"}
|
@@ -1,6 +0,0 @@
|
|
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
|
-
|
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);}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
.SliderBase_styles_7is2ll_s33crq1__0c0959e2{-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-height);}
|
2
|
-
.SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
|
3
|
-
.SliderBase_styles_7is2ll_r1bro5xo__0c0959e2{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
4
|
-
.SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
@@ -1,78 +0,0 @@
|
|
1
|
-
import React, { useRef, useEffect, useCallback } from 'react';
|
2
|
-
import { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect.js';
|
3
|
-
import { Slider, RailWrap, Rail, Fill } from './SliderBase.styles.js';
|
4
|
-
|
5
|
-
var SliderBase = function SliderBase(_ref) {
|
6
|
-
var max = _ref.max,
|
7
|
-
min = _ref.min,
|
8
|
-
setStepSize = _ref.setStepSize,
|
9
|
-
railFillWidth = _ref.railFillWidth,
|
10
|
-
children = _ref.children,
|
11
|
-
_ref$railFillXPositio = _ref.railFillXPosition,
|
12
|
-
railFillXPosition = _ref$railFillXPositio === void 0 ? 0 : _ref$railFillXPositio,
|
13
|
-
disabled = _ref.disabled,
|
14
|
-
labelPlacement = _ref.labelPlacement,
|
15
|
-
rangeValuesPlacement = _ref.rangeValuesPlacement,
|
16
|
-
onChange = _ref.onChange,
|
17
|
-
_ref$settings = _ref.settings,
|
18
|
-
settings = _ref$settings === void 0 ? {} : _ref$settings;
|
19
|
-
var _settings$indent = settings.indent,
|
20
|
-
indent = _settings$indent === void 0 ? 0.75 : _settings$indent,
|
21
|
-
_settings$fontSizeMul = settings.fontSizeMultiplier,
|
22
|
-
fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
|
23
|
-
var ref = useRef(null);
|
24
|
-
var gap = indent * fontSizeMultiplier * 2;
|
25
|
-
useEffect(function () {
|
26
|
-
var resizeHandler = function resizeHandler() {
|
27
|
-
if (ref.current) {
|
28
|
-
var railSize = ref.current.offsetWidth - gap;
|
29
|
-
var totalSteps = max - min;
|
30
|
-
setStepSize(railSize / totalSteps);
|
31
|
-
}
|
32
|
-
};
|
33
|
-
resizeHandler();
|
34
|
-
}, [labelPlacement, rangeValuesPlacement, ref.current]);
|
35
|
-
var onHandleChange = useCallback(function (e) {
|
36
|
-
if (!onChange || disabled) {
|
37
|
-
return;
|
38
|
-
}
|
39
|
-
var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
|
40
|
-
x = _e$currentTarget$getB.x,
|
41
|
-
width = _e$currentTarget$getB.width;
|
42
|
-
var lastX = e.clientX - x;
|
43
|
-
var position = min + lastX / (width - gap) * (max - min);
|
44
|
-
var result = Math.max(min, Math.min(max, position));
|
45
|
-
onChange(result, {
|
46
|
-
lastX: lastX
|
47
|
-
});
|
48
|
-
}, [onChange, disabled, min, gap, max, settings]);
|
49
|
-
useIsomorphicLayoutEffect(function () {
|
50
|
-
var resizeHandler = function resizeHandler() {
|
51
|
-
if (ref.current) {
|
52
|
-
var railSize = ref.current.offsetWidth - gap;
|
53
|
-
var totalSteps = max - min;
|
54
|
-
setStepSize(railSize / totalSteps);
|
55
|
-
}
|
56
|
-
};
|
57
|
-
resizeHandler();
|
58
|
-
window.addEventListener('resize', resizeHandler);
|
59
|
-
return function () {
|
60
|
-
return window.removeEventListener('resize', resizeHandler);
|
61
|
-
};
|
62
|
-
}, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);
|
63
|
-
var fillStyle = {
|
64
|
-
left: "".concat(railFillXPosition, "px"),
|
65
|
-
width: "".concat(railFillWidth, "px")
|
66
|
-
};
|
67
|
-
return /*#__PURE__*/React.createElement(Slider, {
|
68
|
-
ref: ref
|
69
|
-
}, /*#__PURE__*/React.createElement(RailWrap, {
|
70
|
-
"aria-hidden": "true",
|
71
|
-
onMouseDown: onHandleChange
|
72
|
-
}, /*#__PURE__*/React.createElement(Rail, null, /*#__PURE__*/React.createElement(Fill, {
|
73
|
-
style: fillStyle
|
74
|
-
}))), children);
|
75
|
-
};
|
76
|
-
|
77
|
-
export { SliderBase };
|
78
|
-
//# sourceMappingURL=SliderBase.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, 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, ref.current]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = useCallback(\n (e) => {\n if (!onChange || disabled) {\n return;\n }\n\n const { x, width } = e.currentTarget.getBoundingClientRect();\n\n const lastX = e.clientX - x;\n\n const position = min + (lastX / (width - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n onChange(result, { lastX } as DraggableData);\n },\n [onChange, disabled, min, gap, max, settings],\n );\n\n useIsomorphicLayoutEffect(() => {\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 window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);\n\n const fillStyle = { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref}>\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","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","useEffect","resizeHandler","current","railSize","offsetWidth","totalSteps","onHandleChange","useCallback","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","lastX","clientX","position","result","Math","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","left","concat","React","createElement","Slider","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":";;;;IAQaA,UAAwD,GAAG,SAA3DA,UAAwDA,CAAAC,IAAA,EAY/D;AAAA,EAAA,IAXFC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAAC,qBAAA,GAAAN,IAAA,CACRO,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA;IACrBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,oBAAoB,GAAAV,IAAA,CAApBU,oBAAoB;IACpBC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IAAAC,aAAA,GAAAZ,IAAA,CACRa,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,aAAA,CAAA;AAEb,EAAA,IAAAE,gBAAA,GAAmDD,QAAQ,CAAnDE,MAAM;AAANA,IAAAA,MAAM,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAAAE,qBAAA,GAA8BH,QAAQ,CAApCI,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA,CAAA;AAE9C,EAAA,IAAME,GAAG,GAAGC,MAAM,CAAwB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMC,GAAG,GAAGL,MAAM,GAAGE,kBAAkB,GAAG,CAAC,CAAA;AAE3CI,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAS;MACxB,IAAIJ,GAAG,CAACK,OAAO,EAAE;QACb,IAAMC,QAAQ,GAAGN,GAAG,CAACK,OAAO,CAACE,WAAW,GAAGL,GAAG,CAAA;AAC9C,QAAA,IAAMM,UAAU,GAAGzB,GAAG,GAAGC,GAAG,CAAA;AAE5BC,QAAAA,WAAW,CAACqB,QAAQ,GAAGE,UAAU,CAAC,CAAA;AACtC,OAAA;KACH,CAAA;AAEDJ,IAAAA,aAAa,EAAE,CAAA;GAClB,EAAE,CAACb,cAAc,EAAEC,oBAAoB,EAAEQ,GAAG,CAACK,OAAO,CAAC,CAAC,CAAA;AAEvD,EAAA,IAAMI,cAAiD,GAAGC,WAAW,CACjE,UAACC,CAAC,EAAK;AACH,IAAA,IAAI,CAAClB,QAAQ,IAAIH,QAAQ,EAAE;AACvB,MAAA,OAAA;AACJ,KAAA;IAEA,IAAAsB,qBAAA,GAAqBD,CAAC,CAACE,aAAa,CAACC,qBAAqB,EAAE;MAApDC,CAAC,GAAAH,qBAAA,CAADG,CAAC;MAAEC,KAAK,GAAAJ,qBAAA,CAALI,KAAK,CAAA;AAEhB,IAAA,IAAMC,KAAK,GAAGN,CAAC,CAACO,OAAO,GAAGH,CAAC,CAAA;AAE3B,IAAA,IAAMI,QAAQ,GAAGnC,GAAG,GAAIiC,KAAK,IAAID,KAAK,GAAGd,GAAG,CAAC,IAAKnB,GAAG,GAAGC,GAAG,CAAC,CAAA;AAC5D,IAAA,IAAMoC,MAAM,GAAGC,IAAI,CAACtC,GAAG,CAACC,GAAG,EAAEqC,IAAI,CAACrC,GAAG,CAACD,GAAG,EAAEoC,QAAQ,CAAC,CAAC,CAAA;IAErD1B,QAAQ,CAAC2B,MAAM,EAAE;AAAEH,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAkB,CAAC,CAAA;AAChD,GAAC,EACD,CAACxB,QAAQ,EAAEH,QAAQ,EAAEN,GAAG,EAAEkB,GAAG,EAAEnB,GAAG,EAAEY,QAAQ,CAChD,CAAC,CAAA;AAED2B,EAAAA,yBAAyB,CAAC,YAAM;AAC5B,IAAA,IAAMlB,aAAa,GAAG,SAAhBA,aAAaA,GAAS;MACxB,IAAIJ,GAAG,CAACK,OAAO,EAAE;QACb,IAAMC,QAAQ,GAAGN,GAAG,CAACK,OAAO,CAACE,WAAW,GAAGL,GAAG,CAAA;AAC9C,QAAA,IAAMM,UAAU,GAAGzB,GAAG,GAAGC,GAAG,CAAA;AAE5BC,QAAAA,WAAW,CAACqB,QAAQ,GAAGE,UAAU,CAAC,CAAA;AACtC,OAAA;KACH,CAAA;AAEDJ,IAAAA,aAAa,EAAE,CAAA;AACfmB,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEpB,aAAa,CAAC,CAAA;IAEhD,OAAO,YAAA;AAAA,MAAA,OAAMmB,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAErB,aAAa,CAAC,CAAA;AAAA,KAAA,CAAA;AACpE,GAAC,EAAE,CAACpB,GAAG,EAAED,GAAG,EAAEE,WAAW,EAAEe,GAAG,CAACK,OAAO,EAAEH,GAAG,EAAEX,cAAc,EAAEC,oBAAoB,CAAC,CAAC,CAAA;AAEnF,EAAA,IAAMkC,SAAS,GAAG;AAAEC,IAAAA,IAAI,EAAAC,EAAAA,CAAAA,MAAA,CAAKvC,iBAAiB,EAAI,IAAA,CAAA;IAAE2B,KAAK,EAAA,EAAA,CAAAY,MAAA,CAAK1C,aAAa,EAAA,IAAA,CAAA;GAAM,CAAA;AAEjF,EAAA,oBACI2C,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AAAC/B,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,eACb6B,KAAA,CAAAC,aAAA,CAACE,QAAQ,EAAA;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,WAAW,EAAExB,cAAAA;GACtCoB,eAAAA,KAAA,CAAAC,aAAA,CAACI,IAAI,qBACDL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACC,IAAAA,KAAK,EAAEV,SAAAA;AAAU,GAAE,CACvB,CACA,CAAC,EAEVvC,QACG,CAAC,CAAA;AAEjB;;;;"}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import './SliderBase.styles_7is2ll.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
var Slider = /*#__PURE__*/styled('div')({
|
5
|
-
name: "Slider",
|
6
|
-
"class": "s33crq1",
|
7
|
-
propsAsIs: false
|
8
|
-
});
|
9
|
-
var RailWrap = /*#__PURE__*/styled('div')({
|
10
|
-
name: "RailWrap",
|
11
|
-
"class": "rnaoqfb",
|
12
|
-
propsAsIs: false
|
13
|
-
});
|
14
|
-
var Rail = /*#__PURE__*/styled('div')({
|
15
|
-
name: "Rail",
|
16
|
-
"class": "r1bro5xo",
|
17
|
-
propsAsIs: false
|
18
|
-
});
|
19
|
-
var Fill = /*#__PURE__*/styled('div')({
|
20
|
-
name: "Fill",
|
21
|
-
"class": "fdg7yhg",
|
22
|
-
propsAsIs: false
|
23
|
-
});
|
24
|
-
|
25
|
-
export { Fill, Rail, RailWrap, Slider };
|
26
|
-
//# sourceMappingURL=SliderBase.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"SliderBase.styles.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Slider.tokens';\n\nexport const Slider = styled.div`\n flex: 1;\n position: relative;\n user-select: none;\n height: var(${tokens.height});\n`;\n\nexport const RailWrap = styled.div`\n height: 100%;\n`;\n\nexport const Rail = styled.div`\n position: relative;\n top: 50%;\n\n height: var(${tokens.railHeight});\n\n border-radius: var(${tokens.railBorderRadius});\n background-color: var(${tokens.railBackgroundColor});\n\n overflow: hidden;\n transform: translateY(-50%);\n`;\n\nexport const Fill = styled.div`\n position: absolute;\n height: 100%;\n top: 0;\n left: 0;\n background: var(${tokens.fillColor});\n width: 0;\n`;\n"],"names":["Slider","styled","name","class","propsAsIs","RailWrap","Rail","Fill"],"mappings":";;AAIO,IAAMA,MAAM,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK3B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE7B,EAAA;AAEM,IAAME,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWzB,EAAA;AAEM,IAAMG,IAAI,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOzB;;;;"}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
.s33crq1{-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-height);}
|
2
|
-
.rnaoqfb{height:100%;}
|
3
|
-
.r1bro5xo{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
4
|
-
.fdg7yhg{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
.Thumb_styles_zwgsh8_tqbdf8b__6eb13971{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-2px;top:-2px;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:2px;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:after{background:var(--plasma-slider-thumb-border-color);margin:-2px;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):hover:after,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:focus{outline:none;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]).Thumb_styles_zwgsh8_focusVisible__6eb13971,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled])[data-focus-visible-added]{border-color:var(--plasma-slider-thumb-focus-border-color);}
|
2
|
-
|
3
|
-
.Handle_styles_16a5sl_hhwq33d__69fb82a5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
4
|
-
.Handle_styles_16a5sl_shurctf__69fb82a5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
@@ -1,170 +0,0 @@
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { forwardRef, useRef, useState, useCallback } from 'react';
|
3
|
-
import Draggable from 'react-draggable';
|
4
|
-
import { getOffsets, getSliderThumbValue } from '../../utils/index.js';
|
5
|
-
import { Thumb } from '../Thumb/Thumb.js';
|
6
|
-
import { HandleStyled, StyledValue } from './Handle.styles.js';
|
7
|
-
|
8
|
-
var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset"];
|
9
|
-
|
10
|
-
// TODO: PLASMA-1707
|
11
|
-
|
12
|
-
var KeyboardSupport = {
|
13
|
-
PageUp: 33,
|
14
|
-
PageDown: 34,
|
15
|
-
End: 35,
|
16
|
-
Home: 36,
|
17
|
-
ArrowLeft: 37,
|
18
|
-
ArrowUp: 38,
|
19
|
-
ArrowRight: 39,
|
20
|
-
ArrowDown: 40
|
21
|
-
};
|
22
|
-
var Handle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
23
|
-
var _lastOnChangeValue$cu, _position$x;
|
24
|
-
var stepSize = _ref.stepSize,
|
25
|
-
onChangeCommitted = _ref.onChangeCommitted,
|
26
|
-
onChange = _ref.onChange,
|
27
|
-
_ref$xPosition = _ref.xPosition,
|
28
|
-
xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
|
29
|
-
min = _ref.min,
|
30
|
-
max = _ref.max,
|
31
|
-
_ref$bounds = _ref.bounds,
|
32
|
-
bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
|
33
|
-
zIndex = _ref.zIndex,
|
34
|
-
disabled = _ref.disabled,
|
35
|
-
side = _ref.side,
|
36
|
-
_ref$showCurrentValue = _ref.showCurrentValue,
|
37
|
-
showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
|
38
|
-
_ref$startOffset = _ref.startOffset,
|
39
|
-
startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
|
40
|
-
_ref$endOffset = _ref.endOffset,
|
41
|
-
endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
|
42
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
43
|
-
var lastOnChangeValue = useRef();
|
44
|
-
var currentSliderValue = (_lastOnChangeValue$cu = lastOnChangeValue === null || lastOnChangeValue === void 0 ? void 0 : lastOnChangeValue.current) !== null && _lastOnChangeValue$cu !== void 0 ? _lastOnChangeValue$cu : rest.value;
|
45
|
-
var _getOffsets = getOffsets(ref, side),
|
46
|
-
_getOffsets2 = _slicedToArray(_getOffsets, 2),
|
47
|
-
offsetLeft = _getOffsets2[0],
|
48
|
-
offsetRight = _getOffsets2[1];
|
49
|
-
var _bounds = _slicedToArray(bounds, 2),
|
50
|
-
leftValueBound = _bounds[0],
|
51
|
-
rightValueBound = _bounds[1];
|
52
|
-
var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
|
53
|
-
var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
|
54
|
-
var position = typeof xPosition === 'number' ? {
|
55
|
-
x: xPosition,
|
56
|
-
y: 0
|
57
|
-
} : undefined;
|
58
|
-
var tabIndex = disabled ? -1 : 0;
|
59
|
-
var _useState = useState((_position$x = position === null || position === void 0 ? void 0 : position.x) !== null && _position$x !== void 0 ? _position$x : 0),
|
60
|
-
_useState2 = _slicedToArray(_useState, 2),
|
61
|
-
positionX = _useState2[0],
|
62
|
-
setPositionX = _useState2[1];
|
63
|
-
var computedBounds = {
|
64
|
-
left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
|
65
|
-
right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
|
66
|
-
};
|
67
|
-
var showCurrentValueCondition = showCurrentValue && positionX >= startOffset && positionX <= max * stepSize - endOffset;
|
68
|
-
var onDrag = useCallback(function (_, data) {
|
69
|
-
var newValue = getSliderThumbValue(data.x, stepSize, min, max);
|
70
|
-
if (lastOnChangeValue.current !== newValue) {
|
71
|
-
onChange === null || onChange === void 0 || onChange(newValue, data);
|
72
|
-
setPositionX(data.x);
|
73
|
-
lastOnChangeValue.current = newValue;
|
74
|
-
}
|
75
|
-
}, [onChange, setPositionX, stepSize, min, max]);
|
76
|
-
var onStop = useCallback(function (_, data) {
|
77
|
-
var newValue = getSliderThumbValue(data.x, stepSize, min, max);
|
78
|
-
setPositionX(data.x);
|
79
|
-
onChangeCommitted && onChangeCommitted(newValue, data);
|
80
|
-
}, [onChangeCommitted, setPositionX, stepSize, min, max]);
|
81
|
-
var onKeyPress = useCallback(function (event) {
|
82
|
-
event.persist();
|
83
|
-
var keyCode = event.keyCode,
|
84
|
-
target = event.target;
|
85
|
-
if (!Object.values(KeyboardSupport).includes(keyCode)) {
|
86
|
-
return;
|
87
|
-
}
|
88
|
-
var ArrowUp = KeyboardSupport.ArrowUp,
|
89
|
-
ArrowRight = KeyboardSupport.ArrowRight,
|
90
|
-
ArrowDown = KeyboardSupport.ArrowDown,
|
91
|
-
ArrowLeft = KeyboardSupport.ArrowLeft,
|
92
|
-
Home = KeyboardSupport.Home,
|
93
|
-
End = KeyboardSupport.End,
|
94
|
-
PageDown = KeyboardSupport.PageDown,
|
95
|
-
PageUp = KeyboardSupport.PageUp;
|
96
|
-
var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
|
97
|
-
var data = {
|
98
|
-
x: 0,
|
99
|
-
deltaX: stepSize,
|
100
|
-
lastX: xPosition,
|
101
|
-
y: 0,
|
102
|
-
deltaY: 0,
|
103
|
-
lastY: 0,
|
104
|
-
node: target
|
105
|
-
};
|
106
|
-
switch (keyCode) {
|
107
|
-
case ArrowUp:
|
108
|
-
case ArrowRight:
|
109
|
-
data.x = xPosition + stepSize;
|
110
|
-
break;
|
111
|
-
case ArrowDown:
|
112
|
-
case ArrowLeft:
|
113
|
-
data.x = xPosition - stepSize;
|
114
|
-
data.deltaX = -stepSize;
|
115
|
-
break;
|
116
|
-
case PageUp:
|
117
|
-
data.x = xPosition + computedMultipleSteps;
|
118
|
-
data.deltaX = computedMultipleSteps;
|
119
|
-
break;
|
120
|
-
case PageDown:
|
121
|
-
data.x = xPosition - computedMultipleSteps;
|
122
|
-
data.deltaX = -computedMultipleSteps;
|
123
|
-
break;
|
124
|
-
case End:
|
125
|
-
data.x = max * stepSize;
|
126
|
-
break;
|
127
|
-
case Home:
|
128
|
-
data.x = 0;
|
129
|
-
break;
|
130
|
-
default:
|
131
|
-
data.x = 0;
|
132
|
-
}
|
133
|
-
var left = computedBounds.left,
|
134
|
-
right = computedBounds.right;
|
135
|
-
|
136
|
-
/*
|
137
|
-
* INFO: Находим значение в диапазоне между указанными левой и правой границами.
|
138
|
-
* Необходимо для правильного расчета положения SliderThumb.
|
139
|
-
* см. функция clamp
|
140
|
-
*/
|
141
|
-
var boundedValue = Math.max(Math.min(right, data.x), left);
|
142
|
-
var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
|
143
|
-
lastOnChangeValue.current = computedValue;
|
144
|
-
onChangeCommitted && onChangeCommitted(computedValue, data);
|
145
|
-
}, [onChangeCommitted, bounds, stepSize, rest.multipleStepSize, min, max, xPosition]);
|
146
|
-
return /*#__PURE__*/React.createElement(Draggable, {
|
147
|
-
axis: "x",
|
148
|
-
bounds: computedBounds,
|
149
|
-
grid: [stepSize, 1],
|
150
|
-
onStop: onStop,
|
151
|
-
onDrag: onDrag,
|
152
|
-
position: position,
|
153
|
-
disabled: disabled
|
154
|
-
}, /*#__PURE__*/React.createElement(HandleStyled, {
|
155
|
-
ref: ref,
|
156
|
-
style: {
|
157
|
-
zIndex: zIndex
|
158
|
-
},
|
159
|
-
onKeyDown: onKeyPress
|
160
|
-
}, /*#__PURE__*/React.createElement(Thumb, _extends({
|
161
|
-
tabIndex: tabIndex,
|
162
|
-
min: min,
|
163
|
-
max: max,
|
164
|
-
value: currentSliderValue,
|
165
|
-
disabled: disabled
|
166
|
-
}, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, currentSliderValue)));
|
167
|
-
});
|
168
|
-
|
169
|
-
export { Handle };
|
170
|
-
//# sourceMappingURL=Handle.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Handle.js","sources":["../../../../../src/components/Slider/ui/Handle/Handle.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport type { DraggableData } from 'react-draggable';\n\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\n\nimport type { HandleProps } from './Handle.types';\nimport { HandleStyled, StyledValue } from './Handle.styles';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nconst KeyboardSupport = {\n PageUp: 33,\n PageDown: 34,\n End: 35,\n Home: 36,\n ArrowLeft: 37,\n ArrowUp: 38,\n ArrowRight: 39,\n ArrowDown: 40,\n};\n\nexport const Handle = forwardRef<HTMLDivElement, HandleProps>(\n (\n {\n stepSize,\n onChangeCommitted,\n onChange,\n xPosition = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n ...rest\n },\n ref,\n ) => {\n const lastOnChangeValue = useRef<number>();\n const currentSliderValue = lastOnChangeValue?.current ?? rest.value;\n\n const [offsetLeft, offsetRight] = getOffsets(ref, side);\n\n const [leftValueBound, rightValueBound] = bounds;\n const leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;\n const rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;\n\n const position = typeof xPosition === 'number' ? { x: xPosition, y: 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const [positionX, setPositionX] = useState(position?.x ?? 0);\n\n const computedBounds = {\n left: (leftPositionBound ?? 0) + offsetLeft,\n right: (rightPositionBound ?? stepSize * (max - min)) - offsetRight,\n };\n\n const showCurrentValueCondition =\n showCurrentValue && positionX >= startOffset && positionX <= max * stepSize - endOffset;\n\n const onDrag = useCallback<DraggableEventHandler>(\n (_, data) => {\n const newValue = getSliderThumbValue(data.x, stepSize, min, max);\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n setPositionX(data.x);\n lastOnChangeValue.current = newValue;\n }\n },\n [onChange, setPositionX, stepSize, min, max],\n );\n\n const onStop = useCallback<DraggableEventHandler>(\n (_, data) => {\n const newValue = getSliderThumbValue(data.x, stepSize, min, max);\n setPositionX(data.x);\n onChangeCommitted && onChangeCommitted(newValue, data);\n },\n [onChangeCommitted, setPositionX, stepSize, min, max],\n );\n\n const onKeyPress = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const { keyCode, target } = event;\n\n if (!Object.values(KeyboardSupport).includes(keyCode)) {\n return;\n }\n\n const { ArrowUp, ArrowRight, ArrowDown, ArrowLeft, Home, End, PageDown, PageUp } = KeyboardSupport;\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data: DraggableData = {\n x: 0,\n deltaX: stepSize,\n lastX: xPosition,\n y: 0,\n deltaY: 0,\n lastY: 0,\n node: target as HTMLDivElement,\n };\n\n switch (keyCode) {\n case ArrowUp:\n case ArrowRight:\n data.x = xPosition + stepSize;\n break;\n case ArrowDown:\n case ArrowLeft:\n data.x = xPosition - stepSize;\n data.deltaX = -stepSize;\n break;\n case PageUp:\n data.x = xPosition + computedMultipleSteps;\n data.deltaX = computedMultipleSteps;\n break;\n case PageDown:\n data.x = xPosition - computedMultipleSteps;\n data.deltaX = -computedMultipleSteps;\n break;\n case End:\n data.x = max * stepSize;\n break;\n case Home:\n data.x = 0;\n break;\n default:\n data.x = 0;\n }\n\n const { left, right } = computedBounds;\n\n /*\n * INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n },\n [onChangeCommitted, bounds, stepSize, rest.multipleStepSize, min, max, xPosition],\n );\n\n return (\n <Draggable\n axis=\"x\"\n bounds={computedBounds}\n grid={[stepSize, 1]}\n onStop={onStop}\n onDrag={onDrag}\n position={position}\n disabled={disabled}\n >\n <HandleStyled ref={ref} style={{ zIndex }} onKeyDown={onKeyPress}>\n <Thumb\n tabIndex={tabIndex}\n min={min}\n max={max}\n value={currentSliderValue}\n disabled={disabled}\n {...rest}\n />\n {showCurrentValueCondition && <StyledValue>{currentSliderValue}</StyledValue>}\n </HandleStyled>\n </Draggable>\n );\n },\n);\n"],"names":["KeyboardSupport","PageUp","PageDown","End","Home","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Handle","forwardRef","_ref","ref","_lastOnChangeValue$cu","_position$x","stepSize","onChangeCommitted","onChange","_ref$xPosition","xPosition","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","rest","_objectWithoutProperties","_excluded","lastOnChangeValue","useRef","currentSliderValue","current","value","_getOffsets","getOffsets","_getOffsets2","_slicedToArray","offsetLeft","offsetRight","_bounds","leftValueBound","rightValueBound","leftPositionBound","rightPositionBound","position","x","y","undefined","tabIndex","_useState","useState","_useState2","positionX","setPositionX","computedBounds","left","right","showCurrentValueCondition","onDrag","useCallback","_","data","newValue","getSliderThumbValue","onStop","onKeyPress","event","persist","keyCode","target","Object","values","includes","computedMultipleSteps","multipleStepSize","deltaX","lastX","deltaY","lastY","node","boundedValue","Math","computedValue","React","createElement","Draggable","axis","grid","HandleStyled","style","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import './Handle.styles_16a5sl.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
var HandleStyled = /*#__PURE__*/styled('div')({
|
5
|
-
name: "HandleStyled",
|
6
|
-
"class": "hhwq33d",
|
7
|
-
propsAsIs: false
|
8
|
-
});
|
9
|
-
var StyledValue = /*#__PURE__*/styled('span')({
|
10
|
-
name: "StyledValue",
|
11
|
-
"class": "shurctf",
|
12
|
-
propsAsIs: false
|
13
|
-
});
|
14
|
-
|
15
|
-
export { HandleStyled, StyledValue };
|
16
|
-
//# sourceMappingURL=Handle.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Handle.styles.js","sources":["../../../../../src/components/Slider/ui/Handle/Handle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Slider.tokens';\n\nexport const HandleStyled = styled.div`\n cursor: pointer;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n`;\n\nexport const StyledValue = styled.span`\n position: absolute;\n z-index: 1;\n top: var(${tokens.currentValueTopOffset});\n text-align: center;\n width: 100%;\n margin-left: -2px;\n display: flex;\n justify-content: center;\n font-family: var(${tokens.currentValueFontFamily});\n font-size: var(${tokens.currentValueFontSize});\n font-style: var(${tokens.currentValueFontStyle});\n font-weight: var(${tokens.currentValueFontWeight});\n letter-spacing: var(${tokens.currentValueLetterSpacing});\n line-height: var(${tokens.currentValueLineHeight});\n`;\n"],"names":["HandleStyled","styled","name","class","propsAsIs","StyledValue"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAehC;;;;"}
|