@salutejs/plasma-new-hope 0.145.0-dev.0 → 0.146.0-canary.1421.10850820002.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +3 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +37 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +7 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_ww61h9.css → RangeDate.styles_z62207.css} +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +25 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_qt45m5.css → SingleDate.styles_1ecqwdo.css} +1 -0
- package/cjs/components/DatePicker/utils/setInitValue.js +12 -0
- package/cjs/components/DatePicker/utils/setInitValue.js.map +1 -0
- package/cjs/components/Slider/Slider.css +12 -10
- package/cjs/components/Slider/Slider.js +19 -6
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +6 -5
- package/cjs/components/Slider/components/Double/Double.js +36 -2
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +7 -1
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/Slider/components/Double/{Double.styles_1jhda4u.css → Double.styles_1n0bups.css} +1 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +56 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.css +6 -5
- package/cjs/components/Slider/components/Single/Single.js +35 -12
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +7 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{es/components/Slider/components/Single/Single.styles_1r9f1e0.css → cjs/components/Slider/components/Single/Single.styles_7gcb47.css} +1 -0
- package/cjs/components/Slider/utils/index.js +6 -0
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +3 -2
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/hooks/useForm.js +124 -0
- package/cjs/hooks/useForm.js.map +1 -0
- package/cjs/index.css +18 -14
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/setRefList.js +28 -0
- package/cjs/utils/setRefList.js.map +1 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +37 -2
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +22 -10
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +25 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +23 -10
- package/emotion/cjs/components/DatePicker/utils/setInitValue.js +11 -0
- package/emotion/cjs/components/Slider/Slider.js +15 -6
- package/emotion/cjs/components/Slider/components/Double/Double.js +36 -2
- package/emotion/cjs/components/Slider/components/Double/Double.styles.js +28 -15
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +60 -0
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
- package/emotion/cjs/components/Slider/components/Single/Single.js +30 -7
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +26 -13
- package/emotion/cjs/components/Slider/components/index.js +11 -0
- package/emotion/cjs/components/Slider/utils/index.js +6 -1
- package/emotion/cjs/components/TextArea/TextArea.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +195 -0
- package/emotion/cjs/hooks/index.js +8 -1
- package/emotion/cjs/hooks/useForm.js +130 -0
- package/emotion/cjs/utils/index.js +15 -0
- package/emotion/cjs/utils/setRefList.js +27 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +38 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +21 -9
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +26 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +22 -9
- package/emotion/es/components/DatePicker/utils/setInitValue.js +5 -0
- package/emotion/es/components/Slider/Slider.js +16 -6
- package/emotion/es/components/Slider/components/Double/Double.js +38 -4
- package/emotion/es/components/Slider/components/Double/Double.styles.js +27 -14
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +51 -0
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
- package/emotion/es/components/Slider/components/Single/Single.js +32 -9
- package/emotion/es/components/Slider/components/Single/Single.styles.js +25 -12
- package/emotion/es/components/Slider/components/index.js +1 -0
- package/emotion/es/components/Slider/utils/index.js +5 -0
- package/emotion/es/components/TextArea/TextArea.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +195 -0
- package/emotion/es/hooks/index.js +2 -1
- package/emotion/es/hooks/useForm.js +121 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/setRefList.js +20 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +3 -2
- package/es/components/DatePicker/RangeDate/RangeDate.js +38 -3
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +7 -2
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/{RangeDate.styles_ww61h9.css → RangeDate.styles_z62207.css} +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +3 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js +26 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -2
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_qt45m5.css → SingleDate.styles_1ecqwdo.css} +1 -0
- package/es/components/DatePicker/utils/setInitValue.js +8 -0
- package/es/components/DatePicker/utils/setInitValue.js.map +1 -0
- package/es/components/Slider/Slider.css +12 -10
- package/es/components/Slider/Slider.js +20 -7
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +6 -5
- package/es/components/Slider/components/Double/Double.js +38 -4
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js +7 -2
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/Slider/components/Double/{Double.styles_1jhda4u.css → Double.styles_1n0bups.css} +1 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +52 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/es/components/Slider/components/Single/Single.css +6 -5
- package/es/components/Slider/components/Single/Single.js +32 -9
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +7 -2
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css → es/components/Slider/components/Single/Single.styles_7gcb47.css} +1 -0
- package/es/components/Slider/utils/index.js +6 -1
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +3 -2
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/hooks/useForm.js +120 -0
- package/es/hooks/useForm.js.map +1 -0
- package/es/index.css +18 -14
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/setRefList.js +23 -0
- package/es/utils/setRefList.js.map +1 -0
- package/package.json +3 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +37 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +5 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +25 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -2
- package/styled-components/cjs/components/DatePicker/utils/setInitValue.js +11 -0
- package/styled-components/cjs/components/Slider/Slider.js +15 -6
- package/styled-components/cjs/components/Slider/components/Double/Double.js +36 -2
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +5 -2
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +60 -0
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.js +30 -7
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +5 -2
- package/styled-components/cjs/components/Slider/components/index.js +11 -0
- package/styled-components/cjs/components/Slider/utils/index.js +6 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +195 -0
- package/styled-components/cjs/hooks/index.js +8 -1
- package/styled-components/cjs/hooks/useForm.js +130 -0
- package/styled-components/cjs/utils/index.js +15 -0
- package/styled-components/cjs/utils/setRefList.js +27 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +38 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +4 -1
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +26 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -1
- package/styled-components/es/components/DatePicker/utils/setInitValue.js +5 -0
- package/styled-components/es/components/Slider/Slider.js +16 -6
- package/styled-components/es/components/Slider/components/Double/Double.js +38 -4
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +4 -1
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +51 -0
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.js +32 -9
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +4 -1
- package/styled-components/es/components/Slider/components/index.js +1 -0
- package/styled-components/es/components/Slider/utils/index.js +5 -0
- package/styled-components/es/components/TextArea/TextArea.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +195 -0
- package/styled-components/es/hooks/index.js +2 -1
- package/styled-components/es/hooks/useForm.js +121 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/setRefList.js +20 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +1 -0
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +4 -0
- 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.styles.d.ts +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/utils/setInitValue.d.ts +2 -0
- package/types/components/DatePicker/utils/setInitValue.d.ts.map +1 -0
- 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.styles.d.ts +1 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +5 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +1 -0
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +3 -1
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +2 -0
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +1 -0
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +1 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +3 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +1 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +3 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useForm.d.ts +10 -0
- package/types/hooks/useForm.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/setRefList.d.ts +6 -0
- package/types/utils/setRefList.d.ts.map +1 -0
package/es/index.css
CHANGED
@@ -581,20 +581,22 @@
|
|
581
581
|
.SliderBase_styles_7is2ll_r1bro5xo__0c0959e2{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
582
582
|
.SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
583
583
|
|
584
|
-
.
|
584
|
+
.Single_styles_7gcb47_l1p4kc08__c1bb909c{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
585
585
|
|
586
|
-
.
|
587
|
-
.
|
588
|
-
.
|
589
|
-
.
|
586
|
+
.Single_styles_7gcb47_lozb535__c1bb909c{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
587
|
+
.Single_styles_7gcb47_s1w9icbd__c1bb909c{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_7gcb47_s1w9icbd__c1bb909c.Single_styles_7gcb47_sliderHideMinValue__c1bb909c,.Single_styles_7gcb47_s1w9icbd__c1bb909c.Single_styles_7gcb47_sliderHideMaxValue__c1bb909c{opacity:0;}.Single_styles_7gcb47_s1w9icbd__c1bb909c.Single_styles_7gcb47_sliderActiveRangeValue__c1bb909c{color:var(--plasma-slider-label-color);}
|
588
|
+
.Single_styles_7gcb47_s1d2sfgl__c1bb909c{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_7gcb47_s1d2sfgl__c1bb909c.Single_styles_7gcb47_sliderRangeValuesPlacementOuter__c1bb909c .Single_styles_7gcb47_s1w9icbd__c1bb909c{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_7gcb47_s1d2sfgl__c1bb909c.Single_styles_7gcb47_sliderRangeValuesPlacementOuter__c1bb909c .Single_styles_7gcb47_s1w9icbd__c1bb909c.Single_styles_7gcb47_sliderMaxRangeValue__c1bb909c{left:unset;right:0;}.Single_styles_7gcb47_s1d2sfgl__c1bb909c.Single_styles_7gcb47_sliderRangeValuesPlacementInner__c1bb909c{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_7gcb47_s1d2sfgl__c1bb909c.Single_styles_7gcb47_sliderRangeValuesPlacementInner__c1bb909c .Single_styles_7gcb47_s1w9icbd__c1bb909c{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_7gcb47_s1d2sfgl__c1bb909c.Single_styles_7gcb47_sliderRangeValuesPlacementInner__c1bb909c .Single_styles_7gcb47_s1w9icbd__c1bb909c.Single_styles_7gcb47_sliderMaxRangeValue__c1bb909c{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
|
589
|
+
.Single_styles_7gcb47_ss3ujqx__c1bb909c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_7gcb47_ss3ujqx__c1bb909c.Single_styles_7gcb47_sliderLabelPlacementOuter__c1bb909c{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_7gcb47_ss3ujqx__c1bb909c.Single_styles_7gcb47_sliderLabelPlacementOuter__c1bb909c .Single_styles_7gcb47_l1p4kc08__c1bb909c{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_7gcb47_ss3ujqx__c1bb909c.Single_styles_7gcb47_sliderLabelPlacementInner__c1bb909c .Single_styles_7gcb47_l1p4kc08__c1bb909c{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
|
590
|
+
.Single_styles_7gcb47_i1c6g2fq__c1bb909c{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
590
591
|
|
591
|
-
.
|
592
|
+
.Double_styles_1n0bups_lcs82cd__1c6b80d9{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
|
592
593
|
|
593
|
-
.
|
594
|
-
.
|
595
|
-
.
|
596
|
-
.
|
594
|
+
.Double_styles_1n0bups_l1at2q9b__1c6b80d9{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
595
|
+
.Double_styles_1n0bups_i11dc2og__1c6b80d9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
|
596
|
+
.Double_styles_1n0bups_s4zvp7i__1c6b80d9{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.Double_styles_1n0bups_s4zvp7i__1c6b80d9.Double_styles_1n0bups_sliderFirstTextField__1c6b80d9 > div{border-top-right-radius:0;border-bottom-right-radius:0;}.Double_styles_1n0bups_s4zvp7i__1c6b80d9.Double_styles_1n0bups_sliderSecondTextField__1c6b80d9 > div{border-top-left-radius:0;border-bottom-left-radius:0;}.Double_styles_1n0bups_s4zvp7i__1c6b80d9 input:focus,.Double_styles_1n0bups_s4zvp7i__1c6b80d9.Double_styles_1n0bups_sliderTextFieldActive__1c6b80d9{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
|
597
|
+
.Double_styles_1n0bups_d3kvcjo__1c6b80d9{opacity:var(--plasma-slider-disabled-opacity);}
|
597
598
|
|
599
|
+
.Double_styles_1n0bups_i5j72f8__1c6b80d9{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
598
600
|
|
599
601
|
.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
600
602
|
.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
@@ -631,10 +633,11 @@
|
|
631
633
|
.base_1jucwp_b160pc19__2f1aa288[readonly]{cursor:default;}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_svfqi8__2f1aa288{display:block;color:var(--plasma-date-picker__label-color-readonly);}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_l5dd1qs__2f1aa288{color:var(--plasma-date-picker__left-helper-color-readonly);}
|
632
634
|
|
633
635
|
|
634
|
-
.
|
635
|
-
.
|
636
|
+
.SingleDate_styles_1ecqwdo_s15omatb__aa191312{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.SingleDate_styles_1ecqwdo_s15omatb__aa191312.SingleDate_styles_1ecqwdo_datePickerError__aa191312{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_1ecqwdo_s15omatb__aa191312.SingleDate_styles_1ecqwdo_datePickerSuccess__aa191312{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
|
637
|
+
.SingleDate_styles_1ecqwdo_boba7w3__aa191312{display:inline-block;}.SingleDate_styles_1ecqwdo_boba7w3__aa191312 .SingleDate_styles_1ecqwdo_popoverWrapper__aa191312,.SingleDate_styles_1ecqwdo_boba7w3__aa191312 .SingleDate_styles_1ecqwdo_popoverTarget__aa191312{width:inherit;}
|
636
638
|
|
637
639
|
|
640
|
+
.SingleDate_styles_1ecqwdo_ilx1qza__aa191312{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
638
641
|
|
639
642
|
.base_1911nyw_bxpb4df__5db6cb4b{width:var(--plasma-date-picker-width);}.base_1911nyw_bxpb4df__5db6cb4b .base_1911nyw_ss94ai0__5db6cb4b{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_1911nyw_bxpb4df__5db6cb4b .base_1911nyw_l1b381ow__5db6cb4b{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
|
640
643
|
|
@@ -645,10 +648,11 @@
|
|
645
648
|
.base_f58pkk_bc1qq8l__c5322faa[readonly]{cursor:default;--plasma-date-picker-textfield-background-color-readonly:transparent;}.base_f58pkk_bc1qq8l__c5322faa[readonly] .base_f58pkk_ss94ai0__c5322faa{display:block;color:var(--plasma-date-picker__label-color-readonly);}.base_f58pkk_bc1qq8l__c5322faa[readonly] .base_f58pkk_l1b381ow__c5322faa{color:var(--plasma-date-picker__left-helper-color-readonly);}
|
646
649
|
|
647
650
|
|
648
|
-
.
|
649
|
-
.
|
651
|
+
.RangeDate_styles_z62207_s1sos0hp__a18debd6{--plasma-range-background:var(--plasma-date-picker_range-background);--plasma-range-background-error:var(--plasma-date-picker_range-background-error);--plasma-range-background-success:var(--plasma-date-picker_range-background-success);--plasma-range-border-color:var(--plasma-date-picker_range-border-color);--plasma-range-border-color-error:var(--plasma-date-picker_range-border-color-error);--plasma-range-border-color-success:var(--plasma-date-picker_range-border-color-success);--plasma-range-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range__divider-color:var(--plasma-date-picker_range__divider-color);--plasma-range__label-color:var(--plasma-date-picker__label-color);--plasma-range__left-helper-color:var(--plasma-date-picker__left-helper-color);--plasma-range-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-range-textfield-placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-range-textfield-caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-range-textfield-background-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-range-textfield-background-color-error:var(--plasma-date-picker-textfield-background-color-error);--plasma-range-textfield-background-color-error-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-range-textfield-background-color-success:var(--plasma-date-picker-textfield-background-color-success);--plasma-range-textfield-background-color-success-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-range-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-focus);--plasma-range-textfield-border-color-error:var(--plasma-date-picker-textfield-border-color-error);--plasma-range-textfield-border-color-error-focus:var(--plasma-date-picker-textfield-border-color-error-focus);--plasma-range-textfield-border-color-success:var(--plasma-date-picker-textfield-border-color-success);--plasma-range-textfield-border-color-success-focus:var(--plasma-date-picker-textfield-border-color-success-focus);--plasma-range-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-range-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-range-focus-color:var(--plasma-date-picker-focus-color);--plasma-range-border-radius:var(--plasma-date-picker_range-border-radius);--plasma-range__divider-padding:var(--plasma-date-picker_range__divider-padding);--plasma-range__divider-font-family:var(--plasma-date-picker_range__divider-font-family);--plasma-range__divider-font-style:var(--plasma-date-picker_range__divider-font-style);--plasma-range__divider-font-size:var(--plasma-date-picker_range__divider-font-size);--plasma-range__divider-font-weight:var(--plasma-date-picker_range__divider-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-date-picker_range__divider-letter-spacing);--plasma-range__divider-line-height:var(--plasma-date-picker_range__divider-line-height);--plasma-range__left-content-margin:var(--plasma-date-picker_range__left-content-margin);--plasma-range__right-content-margin:var(--plasma-date-picker_range__right-content-margin);--plasma-range__label-offset:var(--plasma-date-picker__label-offset);--plasma-range__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-range__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-range__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-range__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-range__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-range__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-range-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-range-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-range-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-range-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-range-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-range-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-range-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-range__left-helper-offset:var(--plasma-date-picker__left-helper-offset);--plasma-range__left-helper-font-family:var(--plasma-date-picker__left-helper-font-family);--plasma-range__left-helper-font-style:var(--plasma-date-picker__left-helper-font-style);--plasma-range__left-helper-font-size:var(--plasma-date-picker__left-helper-font-size);--plasma-range__left-helper-font-weight:var(--plasma-date-picker__left-helper-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-date-picker__left-helper-line-height);--plasma-range-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-range-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-range-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-range-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-range-background-readonly:var(--plasma-date-picker_range-background-readonly);--plasma-range__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-range__left-helper-color-readonly:var(--plasma-date-picker__left-helper-color-readonly);--plasma-range__divider-color-readonly:var(--plasma-date-picker_range__divider-color-readonly);--plasma-range-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-range-textfield-background-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-range-textfield-placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);}
|
652
|
+
.RangeDate_styles_z62207_b1x6qh3t__a18debd6{display:inline-block;}
|
650
653
|
|
651
654
|
|
655
|
+
.RangeDate_styles_z62207_igdiv3m__a18debd6{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
652
656
|
|
653
657
|
.RangeDatePopover_styles_1gljtdv_s1ld9lms__de8df5b3{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
|
654
658
|
.RangeDatePopover_styles_1gljtdv_s1rn242y__de8df5b3{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
|
package/es/index.js
CHANGED
@@ -17,6 +17,7 @@ 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 { useFormPlasma } from './hooks/useForm.js';
|
20
21
|
export { composableStyle, cx } from './utils/index.js';
|
21
22
|
export { buttonConfig, buttonRoot } from './components/Button/Button.js';
|
22
23
|
export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
|
@@ -191,6 +192,7 @@ export { extractTextFrom } from './utils/extractTextFrom.js';
|
|
191
192
|
export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
|
192
193
|
export { IS_REACT_18, safeUseId } from './utils/react.js';
|
193
194
|
export { isNumber } from './utils/isNumber.js';
|
195
|
+
export { mergeRefs, setRefList } from './utils/setRefList.js';
|
194
196
|
export { isEmpty } from './utils/isEmpty.js';
|
195
197
|
export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
|
196
198
|
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 { 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":";;;
|
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';\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":";;;AAYaA,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;;;;"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
function mergeRefs() {
|
2
|
+
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
3
|
+
refs[_key] = arguments[_key];
|
4
|
+
}
|
5
|
+
return function (val) {
|
6
|
+
setRefList.apply(void 0, [val].concat(refs));
|
7
|
+
};
|
8
|
+
}
|
9
|
+
function setRefList(val) {
|
10
|
+
for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
11
|
+
refs[_key2 - 1] = arguments[_key2];
|
12
|
+
}
|
13
|
+
refs.forEach(function (ref) {
|
14
|
+
if (typeof ref === 'function') {
|
15
|
+
ref(val);
|
16
|
+
} else if (ref != null) {
|
17
|
+
ref.current = val;
|
18
|
+
}
|
19
|
+
});
|
20
|
+
}
|
21
|
+
|
22
|
+
export { mergeRefs, setRefList };
|
23
|
+
//# sourceMappingURL=setRefList.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n } else if (ref != null) {\n ref.current = val;\n }\n });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAC,MAAM,IAAIO,GAAG,IAAI,IAAI,EAAE;MACpBA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.146.0-canary.1421.10850820002.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -100,6 +100,7 @@
|
|
100
100
|
"default-browser-id": "2.0.0",
|
101
101
|
"react": "18.2.0",
|
102
102
|
"react-dom": "18.2.0",
|
103
|
+
"react-hook-form": "7.52.1",
|
103
104
|
"rollup": "^3.28.0",
|
104
105
|
"storybook": "7.6.17",
|
105
106
|
"styled-components": "5.3.1",
|
@@ -121,5 +122,5 @@
|
|
121
122
|
"react-popper": "2.3.0",
|
122
123
|
"storeon": "3.1.5"
|
123
124
|
},
|
124
|
-
"gitHead": "
|
125
|
+
"gitHead": "a583054dfa91e8da09e4116d4f651efb2c4d6472"
|
125
126
|
}
|
@@ -11,13 +11,14 @@ 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");
|
14
15
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
15
16
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
16
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
18
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
18
19
|
var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
|
19
20
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
|
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"];
|
21
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "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"];
|
21
22
|
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); }
|
22
23
|
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; }
|
23
24
|
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); }
|
@@ -47,6 +48,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
47
48
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
48
49
|
_ref$disabled = _ref.disabled,
|
49
50
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
51
|
+
name = _ref.name,
|
50
52
|
_ref$dividerVariant = _ref.dividerVariant,
|
51
53
|
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
52
54
|
dividerIcon = _ref.dividerIcon,
|
@@ -106,6 +108,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
106
108
|
rest = _objectWithoutProperties(_ref, _excluded);
|
107
109
|
var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/(0, _react.createRef)();
|
108
110
|
var rootRef = (0, _react.useRef)(null);
|
111
|
+
var innerRefFirst = (0, _react.useRef)(null);
|
112
|
+
var innerRefSecond = (0, _react.useRef)(null);
|
109
113
|
var _useState = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
|
110
114
|
_useState2 = _slicedToArray(_useState, 2),
|
111
115
|
firstInputRef = _useState2[0],
|
@@ -191,6 +195,22 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
191
195
|
onToggle: handleToggle
|
192
196
|
}),
|
193
197
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
198
|
+
(0, _react.useEffect)(function () {
|
199
|
+
if (innerRefSecond.current) {
|
200
|
+
innerRefSecond.current.addEventListener('setInitValue', function (e) {
|
201
|
+
var firstElement = innerRefFirst.current;
|
202
|
+
var firstValueInit = String(firstElement.getAttribute('defaultValue'));
|
203
|
+
var secondValueInit = (0, _setInitValue.setInitValue)(e);
|
204
|
+
handleCommitFirstDate(firstValueInit, true, false);
|
205
|
+
handleCommitSecondDate(secondValueInit, true, false);
|
206
|
+
});
|
207
|
+
}
|
208
|
+
return function () {
|
209
|
+
if (innerRefSecond.current) {
|
210
|
+
innerRefSecond.current.addEventListener('setInitValue', function () {});
|
211
|
+
}
|
212
|
+
};
|
213
|
+
}, [innerRefSecond]);
|
194
214
|
var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
|
195
215
|
ref: rangeRef,
|
196
216
|
dividerIcon: dividerIcon,
|
@@ -217,6 +237,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
217
237
|
secondValueSuccess: secondValueSuccess,
|
218
238
|
onChangeFirstValue: handleChangeFirstValue,
|
219
239
|
onChangeSecondValue: handleChangeSecondValue,
|
240
|
+
name: name,
|
220
241
|
onSearchFirstValue: function onSearchFirstValue(_, date) {
|
221
242
|
handleCommitFirstDate(String(date), true, false);
|
222
243
|
if (!calendarSecondValue || secondValueError) {
|
@@ -304,7 +325,21 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
304
325
|
setIsInnerOpen(false);
|
305
326
|
}
|
306
327
|
}
|
307
|
-
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper)
|
328
|
+
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_RangeDate.InputHidden, {
|
329
|
+
name: name,
|
330
|
+
type: "hidden",
|
331
|
+
datatype: "datepicker-double",
|
332
|
+
"data-datepicker": "from",
|
333
|
+
value: inputFirstValue,
|
334
|
+
ref: innerRefFirst
|
335
|
+
}), /*#__PURE__*/_react["default"].createElement(_RangeDate.InputHidden, {
|
336
|
+
name: name,
|
337
|
+
type: "hidden",
|
338
|
+
datatype: "datepicker-double",
|
339
|
+
"data-datepicker": "to",
|
340
|
+
value: inputSecondValue,
|
341
|
+
ref: innerRefSecond
|
342
|
+
}));
|
308
343
|
});
|
309
344
|
};
|
310
345
|
var datePickerRangeConfig = exports.datePickerRangeConfig = {
|
@@ -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.base = exports.StyledRange = exports.StyledPopover = exports.StyledLabel = exports.LeftHelper = void 0;
|
7
|
+
exports.base = exports.StyledRange = exports.StyledPopover = exports.StyledLabel = exports.LeftHelper = exports.InputHidden = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../../engines");
|
10
10
|
var _Range = /*#__PURE__*/require("../../Range");
|
@@ -30,4 +30,7 @@ var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"
|
|
30
30
|
})([""]);
|
31
31
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
32
|
componentId: "plasma-new-hope__sc-14j95rs-3"
|
33
|
-
})([""]);
|
33
|
+
})([""]);
|
34
|
+
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
35
|
+
componentId: "plasma-new-hope__sc-14j95rs-4"
|
36
|
+
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
@@ -12,12 +12,13 @@ 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");
|
15
16
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
16
17
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
17
18
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
18
19
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
19
20
|
var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
|
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"];
|
21
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "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"];
|
21
22
|
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); }
|
22
23
|
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; }
|
23
24
|
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,6 +50,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
49
50
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
50
51
|
_ref$disabled = _ref.disabled,
|
51
52
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
53
|
+
name = _ref.name,
|
52
54
|
_ref$defaultDate = _ref.defaultDate,
|
53
55
|
defaultDate = _ref$defaultDate === void 0 ? '' : _ref$defaultDate,
|
54
56
|
valueError = _ref.valueError,
|
@@ -84,6 +86,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
84
86
|
onBlur = _ref.onBlur,
|
85
87
|
rest = _objectWithoutProperties(_ref, _excluded);
|
86
88
|
var inputRef = (0, _react.useRef)(null);
|
89
|
+
var innerRef = (0, _react.useRef)(null);
|
87
90
|
var _useState = (0, _react.useState)(opened),
|
88
91
|
_useState2 = _slicedToArray(_useState, 2),
|
89
92
|
isInnerOpen = _useState2[0],
|
@@ -164,6 +167,20 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
164
167
|
setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
|
165
168
|
setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
|
166
169
|
}, [format, lang]);
|
170
|
+
(0, _react.useEffect)(function () {
|
171
|
+
if (innerRef.current) {
|
172
|
+
innerRef.current.addEventListener('setInitValue', function (e) {
|
173
|
+
return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
|
174
|
+
});
|
175
|
+
}
|
176
|
+
return function () {
|
177
|
+
if (innerRef.current) {
|
178
|
+
innerRef.current.addEventListener('setInitValue', function (e) {
|
179
|
+
return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
|
180
|
+
});
|
181
|
+
}
|
182
|
+
};
|
183
|
+
}, [innerRef]);
|
167
184
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
168
185
|
view: view,
|
169
186
|
size: size,
|
@@ -201,7 +218,13 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
201
218
|
onChangeValue: function onChangeValue(date, dateInfo) {
|
202
219
|
return handleCommitDate(date, false, true, dateInfo);
|
203
220
|
}
|
204
|
-
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper)
|
221
|
+
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_SingleDate.InputHidden, {
|
222
|
+
type: "hidden",
|
223
|
+
datatype: "datepicker-single",
|
224
|
+
name: name,
|
225
|
+
value: inputValue,
|
226
|
+
ref: innerRef
|
227
|
+
}));
|
205
228
|
});
|
206
229
|
};
|
207
230
|
var datePickerConfig = exports.datePickerConfig = {
|
@@ -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.base = exports.StyledPopover = exports.StyledLabel = exports.StyledInput = exports.LeftHelper = void 0;
|
7
|
+
exports.base = exports.StyledPopover = exports.StyledLabel = exports.StyledInput = exports.LeftHelper = exports.InputHidden = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../../engines");
|
10
10
|
var _TextField = /*#__PURE__*/require("../../TextField");
|
@@ -30,4 +30,7 @@ var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"
|
|
30
30
|
})([""]);
|
31
31
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
32
|
componentId: "plasma-new-hope__sc-1ye0xbz-3"
|
33
|
-
})([""]);
|
33
|
+
})([""]);
|
34
|
+
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
35
|
+
componentId: "plasma-new-hope__sc-1ye0xbz-4"
|
36
|
+
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.setInitValue = void 0;
|
7
|
+
var setInitValue = exports.setInitValue = function setInitValue(e) {
|
8
|
+
var item = e.target;
|
9
|
+
var defaultValue = String(item.getAttribute('defaultValue'));
|
10
|
+
return defaultValue;
|
11
|
+
};
|
@@ -1,6 +1,5 @@
|
|
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); }
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
5
4
|
value: true
|
6
5
|
});
|
@@ -10,17 +9,27 @@ 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");
|
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
|
-
var
|
17
|
-
|
16
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
17
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
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';
|
18
24
|
};
|
19
25
|
var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
|
20
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (
|
21
|
-
|
26
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
27
|
+
var _ref$type = _ref.type,
|
28
|
+
type = _ref$type === void 0 ? 'single' : _ref$type,
|
29
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
|
22
31
|
ref: ref
|
23
|
-
}
|
32
|
+
}), isSingleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
|
24
33
|
});
|
25
34
|
};
|
26
35
|
var sliderConfig = exports.sliderConfig = {
|
@@ -12,7 +12,7 @@ var _utils = /*#__PURE__*/require("../../utils");
|
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
14
|
var _Double = /*#__PURE__*/require("./Double.styles");
|
15
|
-
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", "name"];
|
16
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); }
|
17
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; }
|
18
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); }
|
@@ -53,6 +53,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
53
53
|
ariaLabel = _ref.ariaLabel,
|
54
54
|
_ref$multipleStepSize = _ref.multipleStepSize,
|
55
55
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
56
|
+
name = _ref.name,
|
56
57
|
rest = _objectWithoutProperties(_ref, _excluded);
|
57
58
|
var _useState = (0, _react.useState)({
|
58
59
|
stepSize: 0,
|
@@ -88,6 +89,8 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
88
89
|
var secondHandleRef = (0, _react.useRef)(null);
|
89
90
|
var firstHandleValue = (0, _react.useRef)(value[0]);
|
90
91
|
var secondHandleValue = (0, _react.useRef)(value[1]);
|
92
|
+
var innerRefFirst = (0, _react.useRef)(null);
|
93
|
+
var innerRefSecond = (0, _react.useRef)(null);
|
91
94
|
var stepSize = state.stepSize;
|
92
95
|
var hasLabelContent = label || labelContentLeft;
|
93
96
|
var firstInputActiveClass = firstInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
|
@@ -106,6 +109,23 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
106
109
|
});
|
107
110
|
});
|
108
111
|
}, [value, stepSize, min, max, setFirstValue, setSecondValue]);
|
112
|
+
(0, _react.useEffect)(function () {
|
113
|
+
if (innerRefSecond.current && onChangeCommitted) {
|
114
|
+
innerRefSecond.current.addEventListener('setInitValue', function (e) {
|
115
|
+
var firstElement = innerRefFirst.current;
|
116
|
+
var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
|
117
|
+
var secondValueInit = (0, _utils.setInitValue)(e);
|
118
|
+
onChangeCommitted([firstValueInit, secondValueInit]);
|
119
|
+
setFirstValue(firstValueInit);
|
120
|
+
setSecondValue(secondValueInit);
|
121
|
+
});
|
122
|
+
}
|
123
|
+
return function () {
|
124
|
+
if (innerRefSecond.current && onChangeCommitted) {
|
125
|
+
innerRefSecond.current.addEventListener('setInitValue', function () {});
|
126
|
+
}
|
127
|
+
};
|
128
|
+
}, [innerRefSecond]);
|
109
129
|
var setStepSize = (0, _react.useCallback)(function (newStepSize) {
|
110
130
|
setState(function (prevState) {
|
111
131
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -314,5 +334,19 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
314
334
|
onChange: onSecondTextfieldChange,
|
315
335
|
onBlur: onSecondTextfieldBlur,
|
316
336
|
onKeyDown: onTextfieldKeyDown
|
317
|
-
})))
|
337
|
+
}))), /*#__PURE__*/_react["default"].createElement(_Double.InputHidden, {
|
338
|
+
name: name,
|
339
|
+
type: "number",
|
340
|
+
datatype: "slider-double",
|
341
|
+
"data-slidertype": "min",
|
342
|
+
value: firstValue,
|
343
|
+
ref: innerRefFirst
|
344
|
+
}), /*#__PURE__*/_react["default"].createElement(_Double.InputHidden, {
|
345
|
+
name: name,
|
346
|
+
type: "number",
|
347
|
+
datatype: "slider-double",
|
348
|
+
"data-slidertype": "max",
|
349
|
+
value: secondValue,
|
350
|
+
ref: innerRefSecond
|
351
|
+
}));
|
318
352
|
};
|