@salutejs/plasma-new-hope 0.156.0-canary.1421.11071529144.0 → 0.156.0-canary.1451.11067345933.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -63
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/Slider/Slider.js +6 -20
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.js +2 -40
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.js +13 -49
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/utils/index.js +0 -6
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +23 -18
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +15 -2
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js +9 -0
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base_193g3al.css +1 -0
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_d83rii.css +1 -0
- package/cjs/index.css +3 -1
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -63
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/cjs/components/Slider/Slider.js +6 -15
- package/emotion/cjs/components/Slider/components/Double/Double.js +2 -40
- package/emotion/cjs/components/Slider/components/Single/Single.js +8 -44
- package/emotion/cjs/components/Slider/components/index.js +0 -11
- package/emotion/cjs/components/Slider/utils/index.js +1 -6
- package/emotion/cjs/components/TextArea/TextArea.js +24 -18
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +15 -2
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/emotion/cjs/hooks/index.js +1 -8
- package/emotion/cjs/utils/index.js +0 -15
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -63
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/es/components/Slider/Slider.js +6 -16
- package/emotion/es/components/Slider/components/Double/Double.js +3 -41
- package/emotion/es/components/Slider/components/Single/Single.js +9 -45
- package/emotion/es/components/Slider/components/index.js +0 -1
- package/emotion/es/components/Slider/utils/index.js +0 -5
- package/emotion/es/components/TextArea/TextArea.js +23 -17
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/es/components/TextArea/TextArea.tokens.js +15 -2
- package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/emotion/es/hooks/index.js +1 -2
- package/emotion/es/utils/index.js +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +4 -63
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/Slider/Slider.js +7 -21
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.js +3 -41
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.js +9 -45
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/utils/index.js +1 -6
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +23 -18
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +15 -2
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base.js +5 -0
- package/es/components/TextArea/variations/_clear/base.js.map +1 -0
- package/es/components/TextArea/variations/_clear/base_193g3al.css +1 -0
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_d83rii.css +1 -0
- package/es/index.css +3 -1
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -63
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/cjs/components/Slider/Slider.js +6 -15
- package/styled-components/cjs/components/Slider/components/Double/Double.js +2 -40
- package/styled-components/cjs/components/Slider/components/Single/Single.js +8 -44
- package/styled-components/cjs/components/Slider/components/index.js +0 -11
- package/styled-components/cjs/components/Slider/utils/index.js +1 -6
- package/styled-components/cjs/components/TextArea/TextArea.js +23 -17
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +15 -2
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/utils/index.js +0 -15
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -63
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/es/components/Slider/Slider.js +6 -16
- package/styled-components/es/components/Slider/components/Double/Double.js +3 -41
- package/styled-components/es/components/Slider/components/Single/Single.js +9 -45
- package/styled-components/es/components/Slider/components/index.js +0 -1
- package/styled-components/es/components/Slider/utils/index.js +0 -5
- package/styled-components/es/components/TextArea/TextArea.js +22 -16
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/es/components/TextArea/TextArea.tokens.js +15 -2
- package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -7
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -14
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -10
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -10
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.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 -2
- 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.types.d.ts +5 -35
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +0 -2
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +0 -1
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +13 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +15 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_clear/base.d.ts +2 -0
- package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -7
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -7
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/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/DatePicker/utils/setInitValue.js +0 -12
- package/cjs/components/DatePicker/utils/setInitValue.js.map +0 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -101
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/cjs/hooks/useForm.js +0 -131
- package/cjs/hooks/useForm.js.map +0 -1
- package/cjs/utils/inputHidden.js +0 -12
- package/cjs/utils/inputHidden.js.map +0 -1
- package/cjs/utils/setRefList.js +0 -28
- package/cjs/utils/setRefList.js.map +0 -1
- package/emotion/cjs/components/DatePicker/utils/setInitValue.js +0 -11
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/emotion/cjs/hooks/useForm.js +0 -137
- package/emotion/cjs/types/FormType.js +0 -5
- package/emotion/cjs/utils/inputHidden.js +0 -11
- package/emotion/cjs/utils/setRefList.js +0 -27
- package/emotion/es/components/DatePicker/utils/setInitValue.js +0 -5
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/emotion/es/hooks/useForm.js +0 -128
- package/emotion/es/types/FormType.js +0 -1
- package/emotion/es/utils/inputHidden.js +0 -4
- package/emotion/es/utils/setRefList.js +0 -20
- package/es/components/DatePicker/utils/setInitValue.js +0 -8
- package/es/components/DatePicker/utils/setInitValue.js.map +0 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -97
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/es/hooks/useForm.js +0 -127
- package/es/hooks/useForm.js.map +0 -1
- package/es/utils/inputHidden.js +0 -8
- package/es/utils/inputHidden.js.map +0 -1
- package/es/utils/setRefList.js +0 -23
- package/es/utils/setRefList.js.map +0 -1
- package/styled-components/cjs/components/DatePicker/utils/setInitValue.js +0 -11
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/styled-components/cjs/hooks/useForm.js +0 -137
- package/styled-components/cjs/types/FormType.js +0 -5
- package/styled-components/cjs/utils/inputHidden.js +0 -11
- package/styled-components/cjs/utils/setRefList.js +0 -27
- package/styled-components/es/components/DatePicker/utils/setInitValue.js +0 -5
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/styled-components/es/hooks/useForm.js +0 -128
- package/styled-components/es/types/FormType.js +0 -1
- package/styled-components/es/utils/inputHidden.js +0 -4
- package/styled-components/es/utils/setRefList.js +0 -20
- package/types/components/DatePicker/utils/setInitValue.d.ts +0 -2
- package/types/components/DatePicker/utils/setInitValue.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -40
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
- package/types/hooks/useForm.d.ts +0 -10
- package/types/hooks/useForm.d.ts.map +0 -1
- package/types/types/FormType.d.ts +0 -13
- package/types/types/FormType.d.ts.map +0 -1
- package/types/utils/inputHidden.d.ts +0 -2
- package/types/utils/inputHidden.d.ts.map +0 -1
- package/types/utils/setRefList.d.ts +0 -6
- package/types/utils/setRefList.d.ts.map +0 -1
package/es/index.css
CHANGED
@@ -124,7 +124,9 @@
|
|
124
124
|
.TextArea_styles_1kzzs11_s3wsw3p__4dbaacb0{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s3wsw3p-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
125
125
|
.TextArea_styles_1kzzs11_stc5t23__4dbaacb0{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementOuter__4dbaacb0{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementOuter__4dbaacb0.TextArea_styles_1kzzs11_alignRight__4dbaacb0{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementInner__4dbaacb0{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementInner__4dbaacb0.TextArea_styles_1kzzs11_alignRight__4dbaacb0{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
126
126
|
|
127
|
-
.
|
127
|
+
.base_d83rii_bofyi4a__3ab10289 .base_d83rii_textareaContainer__3ab10289{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.base_d83rii_bofyi4a__3ab10289 .base_d83rii_textareaWrapper__3ab10289{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.base_d83rii_bofyi4a__3ab10289:focus-within:not([readonly]) .base_d83rii_textareaWrapper__3ab10289{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_d83rii_bofyi4a__3ab10289:focus-within:not([readonly]) .base_d83rii_textareaContainer__3ab10289{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.base_d83rii_bofyi4a__3ab10289:focus-within:not([readonly]) .base_d83rii_textareaHelpers__3ab10289{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_d83rii_bofyi4a__3ab10289:hover:not(.base_d83rii_textfieldClear__3ab10289):not([disabled]):not([readonly]):not(:focus-within) .base_d83rii_textareaContainer__3ab10289{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.base_d83rii_bofyi4a__3ab10289:hover:not(.base_d83rii_textfieldClear__3ab10289):not([disabled]):not([readonly]):not(:focus-within) .base_d83rii_textareaWrapper__3ab10289{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_d83rii_bofyi4a__3ab10289:hover:not(.base_d83rii_textfieldClear__3ab10289):not([disabled]):not([readonly]):not(:focus-within) .base_d83rii_textareaWrapper__3ab10289 + .base_d83rii_textareaHelpers__3ab10289{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_d83rii_bofyi4a__3ab10289:active:not(.base_d83rii_textfieldClear__3ab10289):not([disabled]):not([readonly]):not(:focus-within) .base_d83rii_textareaWrapper__3ab10289{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_d83rii_bofyi4a__3ab10289:active:not(.base_d83rii_textfieldClear__3ab10289):not([disabled]):not([readonly]):not(:focus-within) .base_d83rii_textareaWrapper__3ab10289 + .base_d83rii_textareaHelpers__3ab10289{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
128
|
+
|
129
|
+
.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22{border:unset;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_surmvwq__81249b22{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_s1luq7vd__81249b22{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_s18bd513__81249b22{right:0;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_si9oz50__81249b22,.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_s18tpn65__81249b22{padding-right:0;padding-left:0;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_s18tpn65__81249b22{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_si9oz50__81249b22{color:var(--plasma-textarea-input-clear-color);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_s7alcr2__81249b22:not(.base_193g3al_innerPlaceholderUp__81249b22) .base_193g3al_s3wsw3p__81249b22{color:var(--plasma-textfield__clear-placeholder-color);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_s3wsw3p__81249b22{padding-left:0;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_stc5t23__81249b22.base_193g3al_labelPlacementInner__81249b22{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_stc5t23__81249b22.base_193g3al_labelPlacementInner__81249b22.base_193g3al_alignRight__81249b22{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22 .base_193g3al_textareaContainer__81249b22{border:unset;border-radius:0;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22:focus-within:not([readonly]) .base_193g3al_textareaWrapper__81249b22{background-color:unset;box-shadow:unset;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22:focus-within:not([readonly]) .base_193g3al_textareaContainer__81249b22{border:unset;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22:focus-within:not([readonly]) .base_193g3al_textareaHelpers__81249b22{background-color:unset;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22.base_193g3al_hasDivider__81249b22 .base_193g3al_surmvwq__81249b22{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textfield-divider-color);}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22.base_193g3al_hasDivider__81249b22 .base_193g3al_surmvwq__81249b22:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22.base_193g3al_hasDivider__81249b22:not([readonly]) .base_193g3al_surmvwq__81249b22:hover{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_193g3al_b1x0cx6o__81249b22.base_193g3al_textfieldClear__81249b22.base_193g3al_hasDivider__81249b22:not([readonly]) .base_193g3al_surmvwq__81249b22:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}
|
128
130
|
|
129
131
|
.base_4q50ag_b1w9g1pa__4e22704f[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_4q50ag_b1w9g1pa__4e22704f[disabled]:hover,.base_4q50ag_b1w9g1pa__4e22704f[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_4q50ag_b1w9g1pa__4e22704f .base_4q50ag_textarea__4e22704f:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
130
132
|
|
package/es/index.js
CHANGED
@@ -17,7 +17,6 @@ export { useForceUpdate } from './hooks/useForceUpdate.js';
|
|
17
17
|
export { useDidMountEffect } from './hooks/useDidMountEffect.js';
|
18
18
|
export { useOutsideClick } from './hooks/useOutsideClick.js';
|
19
19
|
export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
|
20
|
-
export { useForm } from './hooks/useForm.js';
|
21
20
|
export { composableStyle, cx } from './utils/index.js';
|
22
21
|
export { buttonConfig, buttonRoot } from './components/Button/Button.js';
|
23
22
|
export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
|
@@ -195,7 +194,6 @@ export { extractTextFrom } from './utils/extractTextFrom.js';
|
|
195
194
|
export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
|
196
195
|
export { IS_REACT_18, safeUseId } from './utils/react.js';
|
197
196
|
export { isNumber } from './utils/isNumber.js';
|
198
|
-
export { mergeRefs, setRefList } from './utils/setRefList.js';
|
199
197
|
export { isEmpty } from './utils/isEmpty.js';
|
200
198
|
export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
|
201
199
|
import * as constants from './utils/constants.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
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 {
|
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 { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\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":";;;AAWaA,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.156.0-canary.
|
3
|
+
"version": "0.156.0-canary.1451.11067345933.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -123,5 +123,5 @@
|
|
123
123
|
"react-popper": "2.3.0",
|
124
124
|
"storeon": "3.1.5"
|
125
125
|
},
|
126
|
-
"gitHead": "
|
126
|
+
"gitHead": "d8d8b8f6dc95d6ad3554aaf1b3dcc0ef3f93b286"
|
127
127
|
}
|
@@ -11,15 +11,13 @@ var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
|
|
11
11
|
var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
|
12
12
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
13
13
|
var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
|
14
|
-
var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
|
15
|
-
var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
|
16
14
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
17
15
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
18
16
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
19
17
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
20
18
|
var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
|
21
19
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
|
22
|
-
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "
|
20
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
23
21
|
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); }
|
24
22
|
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; }
|
25
23
|
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); }
|
@@ -49,7 +47,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
49
47
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
50
48
|
_ref$disabled = _ref.disabled,
|
51
49
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
52
|
-
name = _ref.name,
|
53
50
|
_ref$dividerVariant = _ref.dividerVariant,
|
54
51
|
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
55
52
|
dividerIcon = _ref.dividerIcon,
|
@@ -98,7 +95,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
98
95
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
99
96
|
offset = _ref.offset,
|
100
97
|
onToggle = _ref.onToggle,
|
101
|
-
onChange = _ref.onChange,
|
102
98
|
onChangeFirstValue = _ref.onChangeFirstValue,
|
103
99
|
onChangeSecondValue = _ref.onChangeSecondValue,
|
104
100
|
onCommitFirstDate = _ref.onCommitFirstDate,
|
@@ -110,8 +106,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
110
106
|
rest = _objectWithoutProperties(_ref, _excluded);
|
111
107
|
var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/(0, _react.createRef)();
|
112
108
|
var rootRef = (0, _react.useRef)(null);
|
113
|
-
var innerRefFirst = (0, _react.useRef)(null);
|
114
|
-
var innerRefSecond = (0, _react.useRef)(null);
|
115
109
|
var _useState = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
|
116
110
|
_useState2 = _slicedToArray(_useState, 2),
|
117
111
|
firstInputRef = _useState2[0],
|
@@ -148,30 +142,12 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
148
142
|
_useState14 = _slicedToArray(_useState13, 2),
|
149
143
|
inputSecondValue = _useState14[0],
|
150
144
|
setInputSecondValue = _useState14[1];
|
151
|
-
var setFirstInputValue = function setFirstInputValue(value) {
|
152
|
-
setInputFirstValue(value);
|
153
|
-
onChange === null || onChange === void 0 || onChange({
|
154
|
-
target: {
|
155
|
-
value: "".concat(value, " - ").concat(inputSecondValue),
|
156
|
-
name: name
|
157
|
-
}
|
158
|
-
});
|
159
|
-
};
|
160
|
-
var setSecondInputValue = function setSecondInputValue(value) {
|
161
|
-
setInputSecondValue(value);
|
162
|
-
onChange === null || onChange === void 0 || onChange({
|
163
|
-
target: {
|
164
|
-
value: "".concat(inputFirstValue, " - ").concat(value),
|
165
|
-
name: name
|
166
|
-
}
|
167
|
-
});
|
168
|
-
};
|
169
145
|
var dateFormatDelimiter = (0, _react.useCallback)(function () {
|
170
146
|
return (0, _dateHelper.getDateFormatDelimiter)(format);
|
171
147
|
}, [format]);
|
172
148
|
var _useDatePicker = (0, _useDatePicker3.useDatePicker)({
|
173
149
|
currentValue: inputFirstValue,
|
174
|
-
setInputValue:
|
150
|
+
setInputValue: setInputFirstValue,
|
175
151
|
setCalendarValue: setCalendarFirstValue,
|
176
152
|
setIsInnerOpen: setIsInnerOpen,
|
177
153
|
dateFormatDelimiter: dateFormatDelimiter,
|
@@ -183,7 +159,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
183
159
|
valueError: firstValueError,
|
184
160
|
valueSuccess: firstValueSuccess,
|
185
161
|
inputRef: firstInputRef,
|
186
|
-
name: name,
|
187
162
|
onChangeValue: onChangeFirstValue,
|
188
163
|
onCommitDate: onCommitFirstDate
|
189
164
|
}),
|
@@ -191,7 +166,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
191
166
|
handleCommitFirstDate = _useDatePicker.handleCommitDate;
|
192
167
|
var _useDatePicker2 = (0, _useDatePicker3.useDatePicker)({
|
193
168
|
currentValue: inputSecondValue,
|
194
|
-
setInputValue:
|
169
|
+
setInputValue: setInputSecondValue,
|
195
170
|
setCalendarValue: setCalendarSecondValue,
|
196
171
|
setIsInnerOpen: setIsInnerOpen,
|
197
172
|
dateFormatDelimiter: dateFormatDelimiter,
|
@@ -224,23 +199,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
224
199
|
onToggle: handleToggle
|
225
200
|
}),
|
226
201
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
227
|
-
var setValue = function setValue(e) {
|
228
|
-
var firstElement = innerRefFirst.current;
|
229
|
-
var firstValueInit = String(firstElement.getAttribute('defaultValue'));
|
230
|
-
var secondValueInit = (0, _setInitValue.setInitValue)(e);
|
231
|
-
handleCommitFirstDate(firstValueInit, true, false);
|
232
|
-
handleCommitSecondDate(secondValueInit, true, false);
|
233
|
-
};
|
234
|
-
(0, _react.useEffect)(function () {
|
235
|
-
if (innerRefSecond.current) {
|
236
|
-
innerRefSecond.current.addEventListener('setInitValue', setValue);
|
237
|
-
}
|
238
|
-
return function () {
|
239
|
-
if (innerRefSecond.current) {
|
240
|
-
innerRefSecond.current.removeEventListener('setInitValue', setValue);
|
241
|
-
}
|
242
|
-
};
|
243
|
-
}, [innerRefSecond]);
|
244
202
|
var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
|
245
203
|
ref: rangeRef,
|
246
204
|
dividerIcon: dividerIcon,
|
@@ -267,7 +225,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
267
225
|
secondValueSuccess: secondValueSuccess,
|
268
226
|
onChangeFirstValue: handleChangeFirstValue,
|
269
227
|
onChangeSecondValue: handleChangeSecondValue,
|
270
|
-
name: name,
|
271
228
|
onSearchFirstValue: function onSearchFirstValue(_, date) {
|
272
229
|
handleCommitFirstDate(String(date), true, false);
|
273
230
|
if (!calendarSecondValue || secondValueError) {
|
@@ -372,23 +329,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
372
329
|
setIsInnerOpen(false);
|
373
330
|
}
|
374
331
|
}
|
375
|
-
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper)
|
376
|
-
name: name,
|
377
|
-
type: "hidden",
|
378
|
-
datatype: "datepicker-double",
|
379
|
-
"data-datepicker": "from",
|
380
|
-
value: inputFirstValue,
|
381
|
-
ref: innerRefFirst,
|
382
|
-
onChange: function onChange() {}
|
383
|
-
}), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
|
384
|
-
name: name,
|
385
|
-
type: "hidden",
|
386
|
-
datatype: "datepicker-double",
|
387
|
-
"data-datepicker": "to",
|
388
|
-
value: inputSecondValue,
|
389
|
-
ref: innerRefSecond,
|
390
|
-
onChange: function onChange() {}
|
391
|
-
}));
|
332
|
+
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper));
|
392
333
|
});
|
393
334
|
};
|
394
335
|
var datePickerRangeConfig = exports.datePickerRangeConfig = {
|
@@ -12,14 +12,12 @@ var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
|
|
12
12
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
13
13
|
var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
|
14
14
|
var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
|
15
|
-
var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
|
16
|
-
var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
|
17
15
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
18
16
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
19
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
20
18
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
21
19
|
var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
|
22
|
-
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "
|
20
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
|
23
21
|
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); }
|
24
22
|
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; }
|
25
23
|
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); }
|
@@ -51,7 +49,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
51
49
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
52
50
|
_ref$disabled = _ref.disabled,
|
53
51
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
54
|
-
name = _ref.name,
|
55
52
|
_ref$defaultDate = _ref.defaultDate,
|
56
53
|
defaultDate = _ref$defaultDate === void 0 ? '' : _ref$defaultDate,
|
57
54
|
valueError = _ref.valueError,
|
@@ -85,10 +82,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
85
82
|
onToggle = _ref.onToggle,
|
86
83
|
onFocus = _ref.onFocus,
|
87
84
|
onBlur = _ref.onBlur,
|
88
|
-
onChange = _ref.onChange,
|
89
85
|
rest = _objectWithoutProperties(_ref, _excluded);
|
90
86
|
var inputRef = (0, _react.useRef)(null);
|
91
|
-
var innerRef = (0, _react.useRef)(null);
|
92
87
|
var _useState = (0, _react.useState)(opened),
|
93
88
|
_useState2 = _slicedToArray(_useState, 2),
|
94
89
|
isInnerOpen = _useState2[0],
|
@@ -123,11 +118,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
123
118
|
valueError: valueError,
|
124
119
|
valueSuccess: valueSuccess,
|
125
120
|
inputRef: inputRef,
|
126
|
-
name: name,
|
127
121
|
onToggle: onToggle,
|
128
122
|
onChangeValue: onChangeValue,
|
129
|
-
onCommitDate: onCommitDate
|
130
|
-
onChange: onChange
|
123
|
+
onCommitDate: onCommitDate
|
131
124
|
}),
|
132
125
|
datePickerErrorClass = _useDatePicker.datePickerErrorClass,
|
133
126
|
datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
|
@@ -183,20 +176,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
183
176
|
lang: lang
|
184
177
|
}));
|
185
178
|
}, [format, lang]);
|
186
|
-
(0, _react.useEffect)(function () {
|
187
|
-
if (innerRef.current) {
|
188
|
-
innerRef.current.addEventListener('setInitValue', function (e) {
|
189
|
-
return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
|
190
|
-
});
|
191
|
-
}
|
192
|
-
return function () {
|
193
|
-
if (innerRef.current) {
|
194
|
-
innerRef.current.removeEventListener('setInitValue', function (e) {
|
195
|
-
return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
|
196
|
-
});
|
197
|
-
}
|
198
|
-
};
|
199
|
-
}, [innerRef]);
|
200
179
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
201
180
|
view: view,
|
202
181
|
size: size,
|
@@ -235,14 +214,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
235
214
|
onChangeValue: function onChangeValue(date, dateInfo) {
|
236
215
|
return handleCommitDate(date, false, true, dateInfo);
|
237
216
|
}
|
238
|
-
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper)
|
239
|
-
type: "hidden",
|
240
|
-
datatype: "datepicker-single",
|
241
|
-
name: name,
|
242
|
-
value: inputValue,
|
243
|
-
ref: innerRef,
|
244
|
-
onChange: function onChange() {}
|
245
|
-
}));
|
217
|
+
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper));
|
246
218
|
});
|
247
219
|
};
|
248
220
|
var datePickerConfig = exports.datePickerConfig = {
|
@@ -22,11 +22,9 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
22
22
|
valueError = _ref.valueError,
|
23
23
|
valueSuccess = _ref.valueSuccess,
|
24
24
|
inputRef = _ref.inputRef,
|
25
|
-
name = _ref.name,
|
26
25
|
onToggle = _ref.onToggle,
|
27
26
|
onChangeValue = _ref.onChangeValue,
|
28
|
-
onCommitDate = _ref.onCommitDate
|
29
|
-
onChange = _ref.onChange;
|
27
|
+
onCommitDate = _ref.onCommitDate;
|
30
28
|
var datePickerErrorClass = valueError ? _DatePicker.classes.datePickerError : undefined;
|
31
29
|
var datePickerSuccessClass = valueSuccess ? _DatePicker.classes.datePickerSuccess : undefined;
|
32
30
|
var handleToggle = function handleToggle(opened, event) {
|
@@ -53,12 +51,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
53
51
|
lang: lang
|
54
52
|
}));
|
55
53
|
onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
|
56
|
-
onChange === null || onChange === void 0 || onChange({
|
57
|
-
target: {
|
58
|
-
value: newValue,
|
59
|
-
name: name
|
60
|
-
}
|
61
|
-
});
|
62
54
|
return;
|
63
55
|
}
|
64
56
|
|
@@ -91,12 +83,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
91
83
|
isLengthEqual: isLengthEqual
|
92
84
|
}));
|
93
85
|
onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
|
94
|
-
onChange === null || onChange === void 0 || onChange({
|
95
|
-
target: {
|
96
|
-
value: newValue,
|
97
|
-
name: name
|
98
|
-
}
|
99
|
-
});
|
100
86
|
};
|
101
87
|
var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
|
102
88
|
if (disabled || readOnly) {
|
@@ -115,16 +101,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
115
101
|
lang: lang
|
116
102
|
}));
|
117
103
|
onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
|
118
|
-
onChange === null || onChange === void 0 || onChange({
|
119
|
-
target: {
|
120
|
-
value: (0, _dateHelper.formatInputValue)({
|
121
|
-
value: date,
|
122
|
-
format: format,
|
123
|
-
lang: lang
|
124
|
-
}),
|
125
|
-
name: name
|
126
|
-
}
|
127
|
-
});
|
128
104
|
return;
|
129
105
|
}
|
130
106
|
var formatString = applyFormat ? format : undefined;
|
@@ -139,15 +115,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
139
115
|
lang: lang
|
140
116
|
}));
|
141
117
|
onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
|
142
|
-
onChange === null || onChange === void 0 || onChange({
|
143
|
-
target: {
|
144
|
-
value: (0, _dateHelper.formatInputValue)({
|
145
|
-
value: date,
|
146
|
-
format: format
|
147
|
-
}),
|
148
|
-
name: name
|
149
|
-
}
|
150
|
-
});
|
151
118
|
};
|
152
119
|
return {
|
153
120
|
datePickerErrorClass: datePickerErrorClass,
|
@@ -1,5 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
@@ -9,27 +10,17 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
|
|
9
10
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
10
11
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
11
12
|
var _components = /*#__PURE__*/require("./components");
|
12
|
-
var _excluded = ["type"];
|
13
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); }
|
14
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; }
|
15
15
|
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); }
|
16
|
-
|
17
|
-
|
18
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
19
|
-
var isSingleValueProps = function isSingleValueProps(props, type) {
|
20
|
-
return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
|
21
|
-
};
|
22
|
-
var isDoubleValueProps = function isDoubleValueProps(props, type) {
|
23
|
-
return _typeof(props.value) === 'object' || type === 'double';
|
16
|
+
var isSingleValueProps = function isSingleValueProps(props) {
|
17
|
+
return typeof props.value === 'number';
|
24
18
|
};
|
25
19
|
var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
|
26
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (
|
27
|
-
|
28
|
-
type = _ref$type === void 0 ? 'single' : _ref$type,
|
29
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
30
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
|
20
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
31
22
|
ref: ref
|
32
|
-
}), isSingleValueProps(props
|
23
|
+
}, props), isSingleValueProps(props) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/_react["default"].createElement(_components.DoubleSlider, props));
|
33
24
|
});
|
34
25
|
};
|
35
26
|
var sliderConfig = exports.sliderConfig = {
|
@@ -11,9 +11,8 @@ var _ui = /*#__PURE__*/require("../../ui");
|
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
|
-
var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
|
15
14
|
var _Double = /*#__PURE__*/require("./Double.styles");
|
16
|
-
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"
|
15
|
+
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
|
17
16
|
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
17
|
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
18
|
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); }
|
@@ -54,7 +53,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
54
53
|
ariaLabel = _ref.ariaLabel,
|
55
54
|
_ref$multipleStepSize = _ref.multipleStepSize,
|
56
55
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
57
|
-
name = _ref.name,
|
58
56
|
rest = _objectWithoutProperties(_ref, _excluded);
|
59
57
|
var _useState = (0, _react.useState)({
|
60
58
|
stepSize: 0,
|
@@ -90,20 +88,10 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
90
88
|
var secondHandleRef = (0, _react.useRef)(null);
|
91
89
|
var firstHandleValue = (0, _react.useRef)(value[0]);
|
92
90
|
var secondHandleValue = (0, _react.useRef)(value[1]);
|
93
|
-
var innerRefFirst = (0, _react.useRef)(null);
|
94
|
-
var innerRefSecond = (0, _react.useRef)(null);
|
95
91
|
var stepSize = state.stepSize;
|
96
92
|
var hasLabelContent = label || labelContentLeft;
|
97
93
|
var firstInputActiveClass = firstInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
|
98
94
|
var secondInputActiveClass = secondInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
|
99
|
-
var setValue = function setValue(e) {
|
100
|
-
var firstElement = innerRefFirst.current;
|
101
|
-
var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
|
102
|
-
var secondValueInit = (0, _utils.setInitValue)(e);
|
103
|
-
onChangeCommitted && onChangeCommitted([firstValueInit, secondValueInit]);
|
104
|
-
setFirstValue(firstValueInit);
|
105
|
-
setSecondValue(secondValueInit);
|
106
|
-
};
|
107
95
|
(0, _react.useEffect)(function () {
|
108
96
|
var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
|
109
97
|
var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
|
@@ -118,16 +106,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
118
106
|
});
|
119
107
|
});
|
120
108
|
}, [value, stepSize, min, max, setFirstValue, setSecondValue]);
|
121
|
-
(0, _react.useEffect)(function () {
|
122
|
-
if (innerRefSecond.current && onChangeCommitted) {
|
123
|
-
innerRefSecond.current.addEventListener('setInitValue', setValue);
|
124
|
-
}
|
125
|
-
return function () {
|
126
|
-
if (innerRefSecond.current && onChangeCommitted) {
|
127
|
-
innerRefSecond.current.removeEventListener('setInitValue', setValue);
|
128
|
-
}
|
129
|
-
};
|
130
|
-
}, [innerRefSecond]);
|
131
109
|
var setStepSize = (0, _react.useCallback)(function (newStepSize) {
|
132
110
|
setState(function (prevState) {
|
133
111
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -336,21 +314,5 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
336
314
|
onChange: onSecondTextfieldChange,
|
337
315
|
onBlur: onSecondTextfieldBlur,
|
338
316
|
onKeyDown: onTextfieldKeyDown
|
339
|
-
})))
|
340
|
-
name: name,
|
341
|
-
type: "number",
|
342
|
-
datatype: "slider-double",
|
343
|
-
"data-slidertype": "min",
|
344
|
-
value: firstValue,
|
345
|
-
ref: innerRefFirst,
|
346
|
-
onChange: function onChange() {}
|
347
|
-
}), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
|
348
|
-
name: name,
|
349
|
-
type: "number",
|
350
|
-
datatype: "slider-double",
|
351
|
-
"data-slidertype": "max",
|
352
|
-
value: secondValue,
|
353
|
-
ref: innerRefSecond,
|
354
|
-
onChange: function onChange() {}
|
355
|
-
}));
|
317
|
+
}))));
|
356
318
|
};
|