@salutejs/plasma-new-hope 0.174.0-canary.1452.11462555994.0 → 0.174.0-canary.1503.11466452273.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Notification/Notification.js +2 -2
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +4 -2
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.js +3 -1
- package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
- package/cjs/components/Slider/Slider.css +13 -15
- package/cjs/components/Slider/Slider.js +3 -11
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.tokens.js +17 -23
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +8 -8
- package/cjs/components/Slider/components/Double/Double.js +23 -58
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +14 -14
- package/cjs/components/Slider/components/Single/Single.js +33 -64
- 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_1r9f1e0.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
- 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_9s4eb3.css +5 -0
- package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js +88 -49
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- 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_4w4gzn.css +1 -0
- package/cjs/components/Slider/utils/index.js +10 -28
- 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_x642ct.css +1 -0
- package/cjs/index.css +13 -15
- package/cjs/index.js +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Notification/Notification.js +2 -2
- package/emotion/cjs/components/Notification/Notification.template-doc.mdx +15 -7
- package/emotion/cjs/components/Notification/NotificationsPortal.js +5 -3
- package/emotion/cjs/components/Notification/NotificationsProvider.js +3 -1
- package/emotion/cjs/components/Notification/index.js +4 -4
- package/emotion/cjs/components/Slider/Slider.js +2 -10
- package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -26
- package/emotion/cjs/components/Slider/Slider.tokens.js +17 -23
- package/emotion/cjs/components/Slider/components/Double/Double.js +19 -54
- package/emotion/cjs/components/Slider/components/Single/Single.js +33 -64
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +88 -52
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/cjs/components/Slider/utils/index.js +10 -28
- package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.js +5 -3
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.js +5 -3
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/emotion/es/components/Notification/Notification.js +1 -1
- package/emotion/es/components/Notification/Notification.template-doc.mdx +15 -7
- package/emotion/es/components/Notification/NotificationsPortal.js +5 -3
- package/emotion/es/components/Notification/NotificationsProvider.js +3 -1
- package/emotion/es/components/Notification/index.js +1 -1
- package/emotion/es/components/Slider/Slider.js +2 -11
- package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -26
- package/emotion/es/components/Slider/Slider.tokens.js +17 -23
- package/emotion/es/components/Slider/components/Double/Double.js +19 -54
- package/emotion/es/components/Slider/components/Single/Single.js +34 -65
- package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
- package/emotion/es/components/Slider/ui/Handler/Handler.js +86 -51
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
- package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/es/components/Slider/utils/index.js +10 -28
- package/emotion/es/components/Slider/variations/_view/base.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.js +6 -4
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/emotion/es/examples/plasma_web/components/Notification/Notification.js +6 -4
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/es/components/Notification/Notification.js +2 -2
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +4 -2
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.js +3 -1
- package/es/components/Notification/NotificationsProvider.js.map +1 -1
- package/es/components/Slider/Slider.css +13 -15
- package/es/components/Slider/Slider.js +3 -11
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/Slider.tokens.js +17 -23
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +8 -8
- package/es/components/Slider/components/Double/Double.js +19 -54
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +14 -14
- package/es/components/Slider/components/Single/Single.js +34 -65
- 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_1r9f1e0.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
- 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_9s4eb3.css +5 -0
- package/es/components/Slider/ui/Handler/Handler.css +3 -3
- package/es/components/Slider/ui/Handler/Handler.js +87 -48
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- 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_4w4gzn.css +1 -0
- package/es/components/Slider/utils/index.js +10 -28
- 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_x642ct.css +1 -0
- package/es/index.css +13 -15
- package/es/index.js +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Notification/Notification.js +2 -2
- package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +15 -7
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +4 -2
- package/styled-components/cjs/components/Notification/NotificationsProvider.js +3 -1
- package/styled-components/cjs/components/Notification/index.js +4 -4
- package/styled-components/cjs/components/Slider/Slider.js +2 -10
- package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -26
- package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -23
- package/styled-components/cjs/components/Slider/components/Double/Double.js +19 -54
- package/styled-components/cjs/components/Slider/components/Single/Single.js +33 -64
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +88 -52
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/cjs/components/Slider/utils/index.js +10 -28
- package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.js +5 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
- 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 +16 -90
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.js +5 -3
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
- 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 +15 -90
- package/styled-components/es/components/Notification/Notification.js +1 -1
- package/styled-components/es/components/Notification/Notification.template-doc.mdx +15 -7
- package/styled-components/es/components/Notification/NotificationsPortal.js +4 -2
- package/styled-components/es/components/Notification/NotificationsProvider.js +3 -1
- package/styled-components/es/components/Notification/index.js +1 -1
- package/styled-components/es/components/Slider/Slider.js +2 -11
- package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -26
- package/styled-components/es/components/Slider/Slider.tokens.js +17 -23
- package/styled-components/es/components/Slider/components/Double/Double.js +19 -54
- package/styled-components/es/components/Slider/components/Single/Single.js +34 -65
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +86 -51
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/es/components/Slider/utils/index.js +10 -28
- package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.js +6 -4
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
- 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 +16 -90
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.js +6 -4
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
- 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 +15 -90
- package/types/components/Notification/Notification.d.ts +3 -3
- package/types/components/Notification/Notification.d.ts.map +1 -1
- package/types/components/Notification/Notification.types.d.ts +11 -5
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsProvider.d.ts +4 -3
- package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
- package/types/components/Notification/index.d.ts +2 -2
- package/types/components/Notification/index.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +16 -22
- 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 +0 -1
- 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 +7 -80
- 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 +0 -6
- 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 +2 -6
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -5
- 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 +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +8 -26
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Notification/Notification.d.ts +4 -2
- package/types/examples/plasma_b2c/components/Notification/Notification.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -84
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Notification/Notification.d.ts +4 -13
- package/types/examples/plasma_web/components/Notification/Notification.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -84
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
- package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
- package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
- package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
- package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
- package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
- package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
- package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
- package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
- package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
- package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
- package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
- package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
package/es/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string |
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAaaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.174.0-canary.
|
3
|
+
"version": "0.174.0-canary.1503.11466452273.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -124,5 +124,5 @@
|
|
124
124
|
"react-popper": "2.3.0",
|
125
125
|
"storeon": "3.1.5"
|
126
126
|
},
|
127
|
-
"gitHead": "
|
127
|
+
"gitHead": "1c5d74694d9b51013c584be5c05eb691be4ae341"
|
128
128
|
}
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.notificationRoot = exports.
|
7
|
+
exports.notificationRoot = exports.notificationConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _utils = /*#__PURE__*/require("../../utils");
|
10
10
|
var _IconCross2 = /*#__PURE__*/require("../_Icon/Icons/IconCross");
|
@@ -94,7 +94,7 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
|
|
94
94
|
})))));
|
95
95
|
});
|
96
96
|
};
|
97
|
-
var
|
97
|
+
var notificationConfig = exports.notificationConfig = {
|
98
98
|
name: 'Notification',
|
99
99
|
tag: 'div',
|
100
100
|
layout: notificationRoot,
|
@@ -10,9 +10,9 @@ import { PropsTable, Description } from '@site/src/components';
|
|
10
10
|
<PropsTable name="Notification" />
|
11
11
|
|
12
12
|
## Использование
|
13
|
-
Компонент `Notification` может использоваться для создания собственных систем оповещения.
|
13
|
+
Компонент `Notification` может использоваться для создания собственных систем оповещения.
|
14
14
|
Вид компонента контролируется свойствами (props).
|
15
|
-
Текстовая часть оповещения состоит из `title` и `children`.
|
15
|
+
Текстовая часть оповещения состоит из `title` и `children`.
|
16
16
|
Слева или сверху от нее, также можно пробросить иконку через свойство `icon`.
|
17
17
|
Также есть часть `actions`, в которой предполагается отображение кнопок для взаимодействия.
|
18
18
|
|
@@ -34,24 +34,32 @@ ReactDOM.render(
|
|
34
34
|
```
|
35
35
|
|
36
36
|
### Вызов уведомления
|
37
|
-
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification
|
38
|
-
Функция принимает значения свойств компонента `Notification
|
37
|
+
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`, который приведет к отображению оповещения.
|
38
|
+
Функция принимает значения свойств компонента `Notification`, включая необязательное поле `id`. И возвращает сгенерированный или переданный `id`, по которому можно закрыть оповещение через вызов `closeNotification`.
|
39
39
|
|
40
40
|
```tsx live
|
41
41
|
import React from 'react';
|
42
|
-
import { Button, addNotification, NotificationsProvider } from '@salutejs/{{ package }}';
|
42
|
+
import { Button, ButtonGroup, addNotification, closeNotification, NotificationsProvider } from '@salutejs/{{ package }}';
|
43
43
|
|
44
44
|
export function App() {
|
45
|
-
const
|
45
|
+
const handleShow = React.useCallback(() => {
|
46
46
|
addNotification({
|
47
|
+
id: 'incoming-call',
|
47
48
|
title: 'Входящий вызов',
|
48
49
|
children: 'Принять?',
|
49
50
|
}, 1000);
|
50
51
|
}, []);
|
51
52
|
|
53
|
+
const handleHide = React.useCallback(() => {
|
54
|
+
closeNotification('incoming-call');
|
55
|
+
}, []);
|
56
|
+
|
52
57
|
return (
|
53
58
|
<NotificationsProvider>
|
54
|
-
<
|
59
|
+
<ButtonGroup>
|
60
|
+
<Button text="Показать оповещение" onClick={handleShow} />
|
61
|
+
<Button text="Скрыть оповещение" onClick={handleHide} />
|
62
|
+
</ButtonGroup>
|
55
63
|
</NotificationsProvider>
|
56
64
|
);
|
57
65
|
}
|
@@ -33,7 +33,9 @@ var StyledPopup = /*#__PURE__*/(0, _styledComponents["default"])(Popup).withConf
|
|
33
33
|
*/
|
34
34
|
var NotificationsPortal = exports.NotificationsPortal = function NotificationsPortal(_ref) {
|
35
35
|
var config = _ref.config,
|
36
|
-
frame = _ref.frame
|
36
|
+
frame = _ref.frame,
|
37
|
+
_ref$placement = _ref.placement,
|
38
|
+
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement;
|
37
39
|
var _useStoreon = (0, _react2.useStoreon)('notifications'),
|
38
40
|
notifications = _useStoreon.notifications;
|
39
41
|
var Notification = (0, _react.useMemo)(function () {
|
@@ -42,7 +44,7 @@ var NotificationsPortal = exports.NotificationsPortal = function NotificationsPo
|
|
42
44
|
return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider, null, notifications.length > 0 && /*#__PURE__*/_react["default"].createElement(StyledPopup, {
|
43
45
|
opened: true,
|
44
46
|
frame: frame,
|
45
|
-
placement:
|
47
|
+
placement: placement,
|
46
48
|
zIndex: "9100"
|
47
49
|
}, /*#__PURE__*/_react["default"].createElement(_Notification.StyledRoot, null, notifications.map(function (_ref2) {
|
48
50
|
var id = _ref2.id,
|
@@ -12,11 +12,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
12
12
|
var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
|
13
13
|
var children = _ref.children,
|
14
14
|
config = _ref.config,
|
15
|
-
frame = _ref.frame
|
15
|
+
frame = _ref.frame,
|
16
|
+
placement = _ref.placement;
|
16
17
|
return /*#__PURE__*/_react["default"].createElement(_react2.StoreContext.Provider, {
|
17
18
|
value: _NotificationsStore.NotificationsStore
|
18
19
|
}, children, /*#__PURE__*/_react["default"].createElement(_NotificationsPortal.NotificationsPortal, {
|
19
20
|
frame: frame,
|
21
|
+
placement: placement,
|
20
22
|
config: config
|
21
23
|
}));
|
22
24
|
};
|
@@ -21,16 +21,16 @@ Object.defineProperty(exports, "closeNotification", {
|
|
21
21
|
return _NotificationsStore.closeNotification;
|
22
22
|
}
|
23
23
|
});
|
24
|
-
Object.defineProperty(exports, "
|
24
|
+
Object.defineProperty(exports, "notificationClasses", {
|
25
25
|
enumerable: true,
|
26
26
|
get: function get() {
|
27
|
-
return
|
27
|
+
return _Notification2.classes;
|
28
28
|
}
|
29
29
|
});
|
30
|
-
Object.defineProperty(exports, "
|
30
|
+
Object.defineProperty(exports, "notificationConfig", {
|
31
31
|
enumerable: true,
|
32
32
|
get: function get() {
|
33
|
-
return
|
33
|
+
return _Notification.notificationConfig;
|
34
34
|
}
|
35
35
|
});
|
36
36
|
Object.defineProperty(exports, "notificationRoot", {
|
@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.sliderRoot = exports.sliderConfig = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
8
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
9
8
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
10
9
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
11
10
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
12
11
|
var _components = /*#__PURE__*/require("./components");
|
13
|
-
var _Slider = /*#__PURE__*/require("./Slider.tokens");
|
14
12
|
var _excluded = ["type"];
|
15
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
16
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -31,15 +29,9 @@ var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
|
|
31
29
|
var _ref$type = _ref.type,
|
32
30
|
type = _ref$type === void 0 ? 'single' : _ref$type,
|
33
31
|
props = _objectWithoutProperties(_ref, _excluded);
|
34
|
-
|
35
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
|
36
|
-
className: (0, _utils.cx)(props.orientation === 'vertical' && _Slider.classes.verticalOrientation, props.className),
|
37
|
-
ref: ref
|
38
|
-
}), /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props));
|
39
|
-
}
|
40
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
32
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
|
41
33
|
ref: ref
|
42
|
-
}, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
|
34
|
+
}), isSingleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
|
43
35
|
});
|
44
36
|
};
|
45
37
|
var sliderConfig = exports.sliderConfig = {
|
@@ -76,29 +76,3 @@ export function App() {
|
|
76
76
|
);
|
77
77
|
}
|
78
78
|
```
|
79
|
-
|
80
|
-
# Вертикальное отображение
|
81
|
-
|
82
|
-
```tsx live
|
83
|
-
import React from 'react';
|
84
|
-
import { Slider } from '@salutejs/{{ package }}';
|
85
|
-
import { IconMic } from '@salutejs/plasma-icons';
|
86
|
-
|
87
|
-
export function App() {
|
88
|
-
return (
|
89
|
-
<section>
|
90
|
-
<Slider
|
91
|
-
onChangeCommitted={() => {}}
|
92
|
-
min={0}
|
93
|
-
max={100}
|
94
|
-
value={30}
|
95
|
-
label="Громкость"
|
96
|
-
labelContent={<IconMic size="s" />}
|
97
|
-
orientation="vertical"
|
98
|
-
sliderAlign="center"
|
99
|
-
size="m"
|
100
|
-
/>
|
101
|
-
</section>
|
102
|
-
);
|
103
|
-
}
|
104
|
-
```
|
@@ -7,12 +7,6 @@ exports.tokens = exports.classes = void 0;
|
|
7
7
|
var classes = exports.classes = {
|
8
8
|
labelPlacementOuter: 'slider-label-placement-outer',
|
9
9
|
labelPlacementInner: 'slider-label-placement-inner',
|
10
|
-
labelPlacementBottom: 'slider-label-placement-bottom',
|
11
|
-
labelAlignLeft: 'slider-label-align-left',
|
12
|
-
labelAlignCenter: 'slider-label-align-center',
|
13
|
-
labelAlignRight: 'slider-label-align-right',
|
14
|
-
labelAlignNone: 'slider-label-align-none',
|
15
|
-
labelContentReversed: 'slider-label-content-reversed',
|
16
10
|
rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
|
17
11
|
rangeValuesPlacementInner: 'slider-range-values-placement-inner',
|
18
12
|
maxRangeValue: 'slider-max-range-value',
|
@@ -21,17 +15,13 @@ var classes = exports.classes = {
|
|
21
15
|
textFieldActive: 'slider-text-field-active',
|
22
16
|
firstTextField: 'slider-first-text-field',
|
23
17
|
secondTextField: 'slider-second-text-field',
|
24
|
-
activeRangeValue: 'slider-active-range-value'
|
25
|
-
verticalOrientation: 'slider-vertical-orientation',
|
26
|
-
valuePlacementLeft: 'slider-value-placement-left',
|
27
|
-
reversed: 'slider-reversed'
|
18
|
+
activeRangeValue: 'slider-active-range-value'
|
28
19
|
};
|
29
20
|
var tokens = exports.tokens = {
|
30
|
-
|
21
|
+
height: '--plasma-slider-height',
|
31
22
|
labelWrapperGap: '--plasma-slider-label-wrapper-gap',
|
32
23
|
labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
|
33
24
|
labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
|
34
|
-
labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
|
35
25
|
labelColor: '--plasma-slider-label-color',
|
36
26
|
labelFontFamily: '--plasma-slider-label-font-family',
|
37
27
|
labelFontSize: '--plasma-slider-label-font-size',
|
@@ -39,27 +29,31 @@ var tokens = exports.tokens = {
|
|
39
29
|
labelFontWeight: '--plasma-slider-label-font-weight',
|
40
30
|
labelLetterSpacing: '--plasma-slider-label-letter-spacing',
|
41
31
|
labelLineHeight: '--plasma-slider-label-line-height',
|
32
|
+
rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
|
33
|
+
rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
|
42
34
|
rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
|
43
|
-
rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',
|
44
|
-
rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',
|
45
|
-
rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
|
46
35
|
rangeValueColor: '--plasma-slider-range-value-color',
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
36
|
+
rangeValueFontFamily: '--plasma-slider-range-value-font-family',
|
37
|
+
rangeValueFontSize: '--plasma-slider-range-value-font-size',
|
38
|
+
rangeValueFontStyle: '--plasma-slider-range-value-font-style',
|
39
|
+
rangeValueFontWeight: '--plasma-slider-range-value-font-weight',
|
40
|
+
rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',
|
41
|
+
rangeValueLineHeight: '--plasma-slider-range-value-line-height',
|
53
42
|
doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
|
54
43
|
thumbSize: '--plasma-slider-thumb-size',
|
55
|
-
thumbSizeLarge: '--plasma-slider-thumb-size-large',
|
56
44
|
thumbBorder: '--plasma-slider-thumb-border',
|
57
45
|
thumbBorderColor: '--plasma-slider-thumb-border-color',
|
58
46
|
thumbBackgroundColor: '--plasma-slider-thumb-background-color',
|
59
47
|
thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
|
60
48
|
currentValueTopOffset: '--plasma-slider-current-value-top-offset',
|
49
|
+
currentValueFontFamily: '--plasma-slider-current-value-font-family',
|
50
|
+
currentValueFontSize: '--plasma-slider-current-value-font-size',
|
51
|
+
currentValueFontStyle: '--plasma-slider-current-value-font-style',
|
52
|
+
currentValueFontWeight: '--plasma-slider-current-value-font-weight',
|
53
|
+
currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
|
54
|
+
currentValueLineHeight: '--plasma-slider-current-value-line-height',
|
61
55
|
railBackgroundColor: '--plasma-slider-rail-background-color',
|
62
|
-
|
56
|
+
railHeight: '--plasma-slider-rail-height',
|
63
57
|
railBorderRadius: '--plasma-slider-rail-border-radius',
|
64
58
|
railIndent: '--plasma-slider-rail-indent',
|
65
59
|
fillColor: '--plasma-slider-fill-color',
|
@@ -13,7 +13,7 @@ var _utils2 = /*#__PURE__*/require("../../utils");
|
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
14
|
var _SliderBase2 = /*#__PURE__*/require("../SliderBase/SliderBase.styles");
|
15
15
|
var _Double = /*#__PURE__*/require("./Double.styles");
|
16
|
-
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "
|
16
|
+
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
19
19
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -46,8 +46,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
46
46
|
labelContentLeft = _ref.labelContentLeft,
|
47
47
|
_ref$size = _ref.size,
|
48
48
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
49
|
-
_ref$pointerSize = _ref.pointerSize,
|
50
|
-
pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
|
51
49
|
onChangeCommitted = _ref.onChangeCommitted,
|
52
50
|
onChangeTextField = _ref.onChangeTextField,
|
53
51
|
onBlurTextField = _ref.onBlurTextField,
|
@@ -74,30 +72,20 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
74
72
|
setState = _useState2[1];
|
75
73
|
var _useState3 = (0, _react.useState)(false),
|
76
74
|
_useState4 = _slicedToArray(_useState3, 2),
|
77
|
-
|
78
|
-
|
75
|
+
firstInputActive = _useState4[0],
|
76
|
+
setFirstInputActive = _useState4[1];
|
79
77
|
var _useState5 = (0, _react.useState)(false),
|
80
78
|
_useState6 = _slicedToArray(_useState5, 2),
|
81
|
-
|
82
|
-
|
83
|
-
var _useState7 = (0, _react.useState)(
|
79
|
+
secondInputActive = _useState6[0],
|
80
|
+
setSecondInputActive = _useState6[1];
|
81
|
+
var _useState7 = (0, _react.useState)(value[0]),
|
84
82
|
_useState8 = _slicedToArray(_useState7, 2),
|
85
|
-
|
86
|
-
|
87
|
-
var _useState9 = (0, _react.useState)(
|
83
|
+
firstValue = _useState8[0],
|
84
|
+
setFirstValue = _useState8[1];
|
85
|
+
var _useState9 = (0, _react.useState)(value[1]),
|
88
86
|
_useState10 = _slicedToArray(_useState9, 2),
|
89
|
-
|
90
|
-
|
91
|
-
var firstInputActive = firstInputHovered || firstInputFocused;
|
92
|
-
var secondInputActive = secondInputHovered || secondInputFocused;
|
93
|
-
var _useState11 = (0, _react.useState)(value[0]),
|
94
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
95
|
-
firstValue = _useState12[0],
|
96
|
-
setFirstValue = _useState12[1];
|
97
|
-
var _useState13 = (0, _react.useState)(value[1]),
|
98
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
99
|
-
secondValue = _useState14[0],
|
100
|
-
setSecondValue = _useState14[1];
|
87
|
+
secondValue = _useState10[0],
|
88
|
+
setSecondValue = _useState10[1];
|
101
89
|
var firstHandleRef = (0, _react.useRef)(null);
|
102
90
|
var secondHandleRef = (0, _react.useRef)(null);
|
103
91
|
var firstHandleValue = (0, _react.useRef)(value[0]);
|
@@ -122,16 +110,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
122
110
|
});
|
123
111
|
});
|
124
112
|
}, [value, stepSize, min, max, setFirstValue, setSecondValue]);
|
125
|
-
(0, _react.useEffect)(function () {
|
126
|
-
var onMouseUp = function onMouseUp() {
|
127
|
-
setFirstInputFocused(false);
|
128
|
-
setSecondInputFocused(false);
|
129
|
-
};
|
130
|
-
window.addEventListener('mouseup', onMouseUp);
|
131
|
-
return function () {
|
132
|
-
window.removeEventListener('mouseup', onMouseUp);
|
133
|
-
};
|
134
|
-
}, []);
|
135
113
|
var setStepSize = (0, _react.useCallback)(function (newStepSize) {
|
136
114
|
setState(function (prevState) {
|
137
115
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -273,20 +251,16 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
273
251
|
ariaLabelLeft = _ref3[0],
|
274
252
|
ariaLabelRight = _ref3[1];
|
275
253
|
var currentFirstSliderValue = Math.max(state.firstValue, min);
|
276
|
-
var settings = _utils2.sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
|
277
254
|
return /*#__PURE__*/_react["default"].createElement(_Double.DoubleWrapper, null, hasLabelContent && /*#__PURE__*/_react["default"].createElement(_Double.LabelWrapper, null, labelContentLeft && /*#__PURE__*/_react["default"].createElement(_Double.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/_react["default"].createElement(_Double.Label, null, label)), /*#__PURE__*/_react["default"].createElement(_Double.SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(_SliderBase.SliderBase, _extends({
|
278
255
|
min: min,
|
279
256
|
max: max,
|
280
|
-
size: size,
|
281
257
|
disabled: disabled,
|
282
258
|
setStepSize: setStepSize,
|
283
259
|
railFillWidth: state.railFillWidth,
|
284
|
-
settings:
|
285
|
-
railFillXPosition: state.railFillXPosition
|
286
|
-
orientation: "horizontal"
|
260
|
+
settings: _utils2.sizeData[size],
|
261
|
+
railFillXPosition: state.railFillXPosition
|
287
262
|
}, rest), /*#__PURE__*/_react["default"].createElement(_ui.Handler, {
|
288
263
|
ref: firstHandleRef,
|
289
|
-
size: pointerSize,
|
290
264
|
stepSize: state.stepSize,
|
291
265
|
multipleStepSize: multipleStepSize,
|
292
266
|
onChangeCommitted: onFirstHandleChangeCommitted,
|
@@ -296,23 +270,18 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
296
270
|
disabled: disabled,
|
297
271
|
bounds: [min, state.secondValue],
|
298
272
|
side: "left",
|
299
|
-
|
300
|
-
position: state.xFirstHandle,
|
273
|
+
xPosition: state.xFirstHandle,
|
301
274
|
zIndex: state.firstHandleZIndex,
|
302
275
|
value: currentFirstSliderValue,
|
303
276
|
ariaLabel: ariaLabelLeft,
|
304
|
-
onMouseDown: function onMouseDown() {
|
305
|
-
return setFirstInputFocused(true);
|
306
|
-
},
|
307
277
|
onMouseEnter: function onMouseEnter() {
|
308
|
-
return
|
278
|
+
return setFirstInputActive(true);
|
309
279
|
},
|
310
280
|
onMouseLeave: function onMouseLeave() {
|
311
|
-
return
|
281
|
+
return setFirstInputActive(false);
|
312
282
|
}
|
313
283
|
}), /*#__PURE__*/_react["default"].createElement(_ui.Handler, {
|
314
284
|
ref: secondHandleRef,
|
315
|
-
size: pointerSize,
|
316
285
|
stepSize: state.stepSize,
|
317
286
|
multipleStepSize: multipleStepSize,
|
318
287
|
onChangeCommitted: onSecondHandleChangeCommitted,
|
@@ -323,19 +292,15 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
323
292
|
disabled: disabled,
|
324
293
|
bounds: [state.firstValue, max],
|
325
294
|
side: "right",
|
326
|
-
|
327
|
-
position: state.xSecondHandle,
|
295
|
+
xPosition: state.xSecondHandle,
|
328
296
|
zIndex: state.secondHandleZIndex,
|
329
297
|
value: Math.max(state.secondValue, min),
|
330
298
|
ariaLabel: ariaLabelRight,
|
331
|
-
onMouseDown: function onMouseDown() {
|
332
|
-
return setSecondInputFocused(true);
|
333
|
-
},
|
334
299
|
onMouseEnter: function onMouseEnter() {
|
335
|
-
return
|
300
|
+
return setSecondInputActive(true);
|
336
301
|
},
|
337
302
|
onMouseLeave: function onMouseLeave() {
|
338
|
-
return
|
303
|
+
return setSecondInputActive(false);
|
339
304
|
}
|
340
305
|
})), /*#__PURE__*/_react["default"].createElement(_Double.InputsWrapper, null, /*#__PURE__*/_react["default"].createElement(_Double.StyledInput, {
|
341
306
|
className: (0, _utils.cx)(_Slider.classes.firstTextField, firstInputActiveClass),
|