@semcore/date-picker 3.6.46 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -1
- package/lib/cjs/components/Calendar.js +16 -16
- package/lib/cjs/components/InputTrigger.js +19 -19
- package/lib/cjs/components/PickerAbstract.js +23 -23
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +30 -30
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +3 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/pl.json +16 -0
- package/lib/es6/components/Calendar.js +16 -16
- package/lib/es6/components/InputTrigger.js +19 -19
- package/lib/es6/components/PickerAbstract.js +23 -23
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +30 -30
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +3 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/translations/pl.json +16 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.8.0] - 2023-06-09
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Polish (`pl`) locale support.
|
|
10
|
+
|
|
11
|
+
## [3.7.0] - 2023-06-07
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Fixed browser focus cursor position after picking date with mouse.
|
|
16
|
+
|
|
5
17
|
## [3.6.46] - 2023-06-06
|
|
6
18
|
|
|
7
19
|
### Changed
|
|
@@ -511,7 +523,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
511
523
|
### Fixed
|
|
512
524
|
|
|
513
525
|
- Исправлен тип методов `onChange` всех Picker'ов
|
|
514
|
-
|
|
515
526
|
- Исправлена ошибка при передаче значения `null` в `value` всех Picker'ов
|
|
516
527
|
|
|
517
528
|
## [1.2.0] - 2019-10-23
|
|
@@ -28,22 +28,22 @@ var _includesDate = _interopRequireDefault(require("../utils/includesDate"));
|
|
|
28
28
|
var _formatDate = require("../utils/formatDate");
|
|
29
29
|
var _excluded = ["date"];
|
|
30
30
|
/*__reshadow-styles__:"../style/calendar.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SCalendar": "
|
|
33
|
-
"__SGridDays": "
|
|
34
|
-
"__SGridMonths": "
|
|
35
|
-
"__SWeekDays": "
|
|
36
|
-
"__SWeekDay": "
|
|
37
|
-
"__SCalendarUnit": "
|
|
38
|
-
"_today": "
|
|
39
|
-
"_startSelected": "
|
|
40
|
-
"_endSelected": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_highlighted": "
|
|
43
|
-
"_startHighlighted": "
|
|
44
|
-
"_endHighlighted": "
|
|
45
|
-
"_outdated": "
|
|
46
|
-
"_disabled": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCalendar_n6zvk_gg_{display:flex;flex-direction:column}.___SGridDays_n6zvk_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_n6zvk_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_n6zvk_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_n6zvk_gg_,.___SWeekDay_n6zvk_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_n6zvk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_n6zvk_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s;outline:0;margin:0}@media (hover:hover){.___SCalendarUnit_n6zvk_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_n6zvk_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_n6zvk_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_n6zvk_gg_.__today_n6zvk_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_n6zvk_gg_.__today_n6zvk_gg_.___SCalendarUnit_n6zvk_gg_.__endSelected_n6zvk_gg_:before,.___SCalendarUnit_n6zvk_gg_.__today_n6zvk_gg_.___SCalendarUnit_n6zvk_gg_.__startSelected_n6zvk_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_n6zvk_gg_.__highlighted_n6zvk_gg_,.___SCalendarUnit_n6zvk_gg_.__selected_n6zvk_gg_{background:var(--intergalactic-date-picker-cell-range, #c4e5fe);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_n6zvk_gg_.__selected_n6zvk_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}@media (hover:hover){.___SCalendarUnit_n6zvk_gg_.__highlighted_n6zvk_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_n6zvk_gg_.__endSelected_n6zvk_gg_,.___SCalendarUnit_n6zvk_gg_.__startSelected_n6zvk_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_n6zvk_gg_.__startSelected_n6zvk_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_n6zvk_gg_.__startSelected_n6zvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_n6zvk_gg_.__endSelected_n6zvk_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_n6zvk_gg_.__endSelected_n6zvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_n6zvk_gg_.__startHighlighted_n6zvk_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_n6zvk_gg_.__endHighlighted_n6zvk_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_n6zvk_gg_.__startHighlighted_n6zvk_gg_.___SCalendarUnit_n6zvk_gg_.__endHighlighted_n6zvk_gg_,.___SCalendarUnit_n6zvk_gg_.__startSelected_n6zvk_gg_.___SCalendarUnit_n6zvk_gg_.__endSelected_n6zvk_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_n6zvk_gg_.__outdated_n6zvk_gg_{opacity:.2}.___SCalendarUnit_n6zvk_gg_.__disabled_n6zvk_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_n6zvk_gg_{transition:none}}" /*__inner_css_end__*/, "n6zvk_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SCalendar": "___SCalendar_n6zvk_gg_",
|
|
33
|
+
"__SGridDays": "___SGridDays_n6zvk_gg_",
|
|
34
|
+
"__SGridMonths": "___SGridMonths_n6zvk_gg_",
|
|
35
|
+
"__SWeekDays": "___SWeekDays_n6zvk_gg_",
|
|
36
|
+
"__SWeekDay": "___SWeekDay_n6zvk_gg_",
|
|
37
|
+
"__SCalendarUnit": "___SCalendarUnit_n6zvk_gg_",
|
|
38
|
+
"_today": "__today_n6zvk_gg_",
|
|
39
|
+
"_startSelected": "__startSelected_n6zvk_gg_",
|
|
40
|
+
"_endSelected": "__endSelected_n6zvk_gg_",
|
|
41
|
+
"_selected": "__selected_n6zvk_gg_",
|
|
42
|
+
"_highlighted": "__highlighted_n6zvk_gg_",
|
|
43
|
+
"_startHighlighted": "__startHighlighted_n6zvk_gg_",
|
|
44
|
+
"_endHighlighted": "__endHighlighted_n6zvk_gg_",
|
|
45
|
+
"_outdated": "__outdated_n6zvk_gg_",
|
|
46
|
+
"_disabled": "__disabled_n6zvk_gg_"
|
|
47
47
|
});
|
|
48
48
|
_dayjs["default"].extend(_isBetween["default"]);
|
|
49
49
|
var range = function range(N, cb) {
|
|
@@ -34,25 +34,25 @@ var _excluded = ["children", "id", "role", "aria-haspopup", "aria-label", "style
|
|
|
34
34
|
_excluded5 = ["value", "locale", "onDisplayedPeriodChange"],
|
|
35
35
|
_excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "__excludeProps", "Root"];
|
|
36
36
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
37
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
38
|
-
"__SPopper": "
|
|
39
|
-
"__SHeader": "
|
|
40
|
-
"__STitle": "
|
|
41
|
-
"__SToday": "
|
|
42
|
-
"__SPeriod": "
|
|
43
|
-
"__SButton": "
|
|
44
|
-
"__SInner": "
|
|
45
|
-
"__SInputMask": "
|
|
46
|
-
"__SIndicator": "
|
|
47
|
-
"__SHumanizedDate": "
|
|
48
|
-
"__SSingleDateInput": "
|
|
49
|
-
"__SValue": "
|
|
50
|
-
"__SDateRange": "
|
|
51
|
-
"__SMask": "
|
|
52
|
-
"_focus-within": "__focus-
|
|
53
|
-
"_noHumanizedDate": "
|
|
54
|
-
"__SRangeSep": "
|
|
55
|
-
"_fulfilled": "
|
|
37
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_1d7fk_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1d7fk_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1d7fk_gg_:active,.___SPopper_1d7fk_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_1d7fk_gg_:hover{outline:0;text-decoration:none}}.___SPopper_1d7fk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1d7fk_gg_,.___STitle_1d7fk_gg_{display:flex;align-items:center}.___STitle_1d7fk_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1d7fk_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1d7fk_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1d7fk_gg_ .___SInner_1d7fk_gg_{justify-content:flex-start}.___SInputMask_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SIndicator_1d7fk_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_1d7fk_gg_{position:absolute;pointer-events:none}.___SDateRange_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_ .___SValue_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:0}.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1d7fk_gg_:focus-within .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SSingleDateInput_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_:focus-within .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1d7fk_gg_:focus-within .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_:focus-within .___SValue_1d7fk_gg_{opacity:1}.___SInputMask_1d7fk_gg_.__noHumanizedDate_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SInputMask_1d7fk_gg_.__noHumanizedDate_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_ .___SInputMask_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1d7fk_gg_ .___SInputMask_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SRangeSep_1d7fk_gg_,.___SRangeSep_1d7fk_gg_.__fulfilled_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_1d7fk_gg_:focus-within .___SRangeSep_1d7fk_gg_,.___SRangeSep_1d7fk_gg_.__fulfilled_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1d7fk_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SPopper": "___SPopper_1d7fk_gg_",
|
|
39
|
+
"__SHeader": "___SHeader_1d7fk_gg_",
|
|
40
|
+
"__STitle": "___STitle_1d7fk_gg_",
|
|
41
|
+
"__SToday": "___SToday_1d7fk_gg_",
|
|
42
|
+
"__SPeriod": "___SPeriod_1d7fk_gg_",
|
|
43
|
+
"__SButton": "___SButton_1d7fk_gg_",
|
|
44
|
+
"__SInner": "___SInner_1d7fk_gg_",
|
|
45
|
+
"__SInputMask": "___SInputMask_1d7fk_gg_",
|
|
46
|
+
"__SIndicator": "___SIndicator_1d7fk_gg_",
|
|
47
|
+
"__SHumanizedDate": "___SHumanizedDate_1d7fk_gg_",
|
|
48
|
+
"__SSingleDateInput": "___SSingleDateInput_1d7fk_gg_",
|
|
49
|
+
"__SValue": "___SValue_1d7fk_gg_",
|
|
50
|
+
"__SDateRange": "___SDateRange_1d7fk_gg_",
|
|
51
|
+
"__SMask": "___SMask_1d7fk_gg_",
|
|
52
|
+
"_focus-within": "__focus-within_1d7fk_gg_",
|
|
53
|
+
"_noHumanizedDate": "__noHumanizedDate_1d7fk_gg_",
|
|
54
|
+
"__SRangeSep": "___SRangeSep_1d7fk_gg_",
|
|
55
|
+
"_fulfilled": "__fulfilled_1d7fk_gg_"
|
|
56
56
|
});
|
|
57
57
|
var defaultAllowedParts = {
|
|
58
58
|
year: true,
|
|
@@ -19,25 +19,25 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
|
|
|
19
19
|
var _intergalacticDynamicLocales = require("../translations/__intergalactic-dynamic-locales");
|
|
20
20
|
var _includesDate = _interopRequireDefault(require("../utils/includesDate"));
|
|
21
21
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SPopper": "
|
|
24
|
-
"__SHeader": "
|
|
25
|
-
"__STitle": "
|
|
26
|
-
"__SToday": "
|
|
27
|
-
"__SPeriod": "
|
|
28
|
-
"__SButton": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SInputMask": "
|
|
31
|
-
"__SIndicator": "
|
|
32
|
-
"__SHumanizedDate": "
|
|
33
|
-
"__SSingleDateInput": "
|
|
34
|
-
"__SValue": "
|
|
35
|
-
"__SDateRange": "
|
|
36
|
-
"__SMask": "
|
|
37
|
-
"_focus-within": "__focus-
|
|
38
|
-
"_noHumanizedDate": "
|
|
39
|
-
"__SRangeSep": "
|
|
40
|
-
"_fulfilled": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_1d7fk_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1d7fk_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1d7fk_gg_:active,.___SPopper_1d7fk_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_1d7fk_gg_:hover{outline:0;text-decoration:none}}.___SPopper_1d7fk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1d7fk_gg_,.___STitle_1d7fk_gg_{display:flex;align-items:center}.___STitle_1d7fk_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1d7fk_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1d7fk_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1d7fk_gg_ .___SInner_1d7fk_gg_{justify-content:flex-start}.___SInputMask_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SIndicator_1d7fk_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_1d7fk_gg_{position:absolute;pointer-events:none}.___SDateRange_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_ .___SValue_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:0}.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1d7fk_gg_:focus-within .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SSingleDateInput_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_:focus-within .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1d7fk_gg_:focus-within .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_:focus-within .___SValue_1d7fk_gg_{opacity:1}.___SInputMask_1d7fk_gg_.__noHumanizedDate_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SInputMask_1d7fk_gg_.__noHumanizedDate_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_ .___SInputMask_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1d7fk_gg_ .___SInputMask_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SRangeSep_1d7fk_gg_,.___SRangeSep_1d7fk_gg_.__fulfilled_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_1d7fk_gg_:focus-within .___SRangeSep_1d7fk_gg_,.___SRangeSep_1d7fk_gg_.__fulfilled_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1d7fk_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SPopper": "___SPopper_1d7fk_gg_",
|
|
24
|
+
"__SHeader": "___SHeader_1d7fk_gg_",
|
|
25
|
+
"__STitle": "___STitle_1d7fk_gg_",
|
|
26
|
+
"__SToday": "___SToday_1d7fk_gg_",
|
|
27
|
+
"__SPeriod": "___SPeriod_1d7fk_gg_",
|
|
28
|
+
"__SButton": "___SButton_1d7fk_gg_",
|
|
29
|
+
"__SInner": "___SInner_1d7fk_gg_",
|
|
30
|
+
"__SInputMask": "___SInputMask_1d7fk_gg_",
|
|
31
|
+
"__SIndicator": "___SIndicator_1d7fk_gg_",
|
|
32
|
+
"__SHumanizedDate": "___SHumanizedDate_1d7fk_gg_",
|
|
33
|
+
"__SSingleDateInput": "___SSingleDateInput_1d7fk_gg_",
|
|
34
|
+
"__SValue": "___SValue_1d7fk_gg_",
|
|
35
|
+
"__SDateRange": "___SDateRange_1d7fk_gg_",
|
|
36
|
+
"__SMask": "___SMask_1d7fk_gg_",
|
|
37
|
+
"_focus-within": "__focus-within_1d7fk_gg_",
|
|
38
|
+
"_noHumanizedDate": "__noHumanizedDate_1d7fk_gg_",
|
|
39
|
+
"__SRangeSep": "___SRangeSep_1d7fk_gg_",
|
|
40
|
+
"_fulfilled": "__fulfilled_1d7fk_gg_"
|
|
41
41
|
});
|
|
42
42
|
var INTERACTION_TAGS = ['INPUT'];
|
|
43
43
|
var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
|
|
@@ -188,9 +188,9 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
188
188
|
displayedPeriod = _this$asProps3.displayedPeriod,
|
|
189
189
|
disabled = _this$asProps3.disabled,
|
|
190
190
|
value = _this$asProps3.value,
|
|
191
|
-
onChange = _this$asProps3.onChange,
|
|
192
191
|
highlighted = _this$asProps3.highlighted,
|
|
193
|
-
onVisibleChange = _this$asProps3.onVisibleChange
|
|
192
|
+
onVisibleChange = _this$asProps3.onVisibleChange,
|
|
193
|
+
onChange = _this$asProps3.onChange;
|
|
194
194
|
return {
|
|
195
195
|
locale: locale,
|
|
196
196
|
displayedPeriod: displayedPeriod,
|
|
@@ -212,11 +212,11 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
212
212
|
Children = _this$asProps4.Children,
|
|
213
213
|
providedAriaLabel = _this$asProps4['aria-label'];
|
|
214
214
|
var defaultInteraction = this.state.defaultInteraction;
|
|
215
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
|
|
215
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
|
|
216
216
|
"use:aria-label": providedAriaLabel,
|
|
217
217
|
"interaction": defaultInteraction,
|
|
218
218
|
"__excludeProps": ['onChange', 'value']
|
|
219
|
-
}, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
|
|
219
|
+
}, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})))));
|
|
220
220
|
}
|
|
221
221
|
}], [{
|
|
222
222
|
key: "defaultProps",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","_includesDate","style","sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","value","highlighted","_disabled","disabled","day","keyDiff","keyCode","getCurrentHighlightedDay","current_day","isDisabledDay","some","includesDate","preventDefault","includes","tagName","current_highlighted","add","keyStep","state","setState","_createClass2","key","uncontrolledProps","_this2","visible","props","undefined","getTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","CORE_INSTANCE","tabIndex","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_this$asProps3","locale","onChange","onVisibleChange","renderOutdated","render","_ref","_ref2","_this$asProps4","styles","Children","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref3","defaultValue","i18n","localizedMessages","defaultVisible","defaultHighlighted","Component","i18nEnhance","amount","unit","subtract","_default","exports"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n static displayName = 'DatePicker';\n static style = style;\n static defaultProps({ value, defaultValue }) {\n return {\n i18n: localizedMessages,\n locale: 'en',\n defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n defaultValue: null,\n defaultVisible: false,\n defaultHighlighted: [],\n disabled: [],\n size: 'm',\n };\n }\n static enhance = [i18nEnhance(localizedMessages)];\n\n static add = (date, amount, unit) => {\n return dayjs(date).add(amount, unit).toDate();\n };\n\n static subtract = (date, amount, unit) => {\n return dayjs(date).subtract(amount, unit).toDate();\n };\n\n navigateStep;\n keyDiff;\n keyStep;\n\n state = {\n // To remove after removing button trigger\n defaultInteraction: 'focus',\n };\n uncontrolledProps() {\n return {\n displayedPeriod: [\n null,\n () => {\n this.handlers.visible(true);\n },\n ],\n visible: [\n null,\n (visible) => {\n if (!visible) {\n this.handlers.highlighted([]);\n this.handlers.displayedPeriod(this.asProps.value || this.props.defaultDisplayedPeriod);\n }\n },\n ],\n highlighted: null,\n value: [\n null,\n (value) => {\n if (value) {\n this.handlers.visible(false);\n }\n this.handlers.displayedPeriod(value ?? undefined);\n },\n ],\n };\n }\n\n navigateView = (direction) => {\n const { displayedPeriod } = this.asProps;\n const action = direction >= 1 ? 'add' : 'subtract';\n const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n this.handlers.displayedPeriod(date);\n };\n\n bindHandlerNavigateClick = (direction) => () => {\n this.navigateView(direction);\n };\n\n handlerKeyDown = (e) => {\n if (e.target !== e.currentTarget) return;\n const { value, displayedPeriod, highlighted, disabled: _disabled } = this.asProps;\n const day = this.keyDiff[e.keyCode];\n\n const getCurrentHighlightedDay = (day) => {\n const current_day = day.toDate();\n const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n return isDisabledDay ? null : current_day;\n };\n\n if (e.keyCode === 32 || (e.keyCode === 13 && highlighted.length)) {\n this.handlers.value(highlighted[0]);\n e.preventDefault();\n }\n if (day) {\n if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n const current_highlighted =\n !highlighted[0] && !value\n ? dayjs(highlighted[0] || displayedPeriod)\n : dayjs(displayedPeriod).add(day, this.keyStep);\n const current_day =\n getCurrentHighlightedDay(current_highlighted) ||\n getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n if (current_day) {\n this.handlers.highlighted([current_day]);\n this.handlers.displayedPeriod(current_day);\n e.preventDefault();\n }\n }\n };\n\n setDefaultInteractionToClick = () => {\n if (this.state.defaultInteraction === 'click') return;\n this.setState({ defaultInteraction: 'click' });\n };\n\n getTriggerProps() {\n const { value, size } = this.asProps;\n\n return {\n size,\n empty: !value,\n onKeyDown: this.handlerKeyDown,\n setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n tabIndex: 0,\n onKeyDown: this.handlerKeyDown,\n children: (\n <>\n <Picker.Header />\n <Picker.Calendar />\n </>\n ),\n };\n }\n\n getHeaderProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n children: (\n <>\n <Picker.Prev />\n <Picker.Title />\n <Picker.Next />\n </>\n ),\n };\n }\n\n getTitleProps() {\n return {};\n }\n\n getNextProps() {\n return {\n onClick: this.bindHandlerNavigateClick(1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getPrevProps() {\n return {\n onClick: this.bindHandlerNavigateClick(-1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getCalendarProps() {\n const { locale, displayedPeriod, disabled, value, onChange, highlighted, onVisibleChange } =\n this.asProps;\n return {\n locale,\n displayedPeriod,\n disabled,\n onChange,\n highlighted,\n value: [value, value],\n renderOutdated: true,\n onVisibleChange,\n };\n }\n\n render() {\n const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n const { defaultInteraction } = this.state;\n\n return sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n interaction={defaultInteraction}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n );\n }\n}\n\nexport default PickerAbstract;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","_includesDate","style","sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","value","highlighted","_disabled","disabled","day","keyDiff","keyCode","getCurrentHighlightedDay","current_day","isDisabledDay","some","includesDate","preventDefault","includes","tagName","current_highlighted","add","keyStep","state","setState","_createClass2","key","uncontrolledProps","_this2","visible","props","undefined","getTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","CORE_INSTANCE","tabIndex","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_this$asProps3","locale","onVisibleChange","onChange","renderOutdated","render","_ref","_ref2","_this$asProps4","styles","Children","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref3","defaultValue","i18n","localizedMessages","defaultVisible","defaultHighlighted","Component","i18nEnhance","amount","unit","subtract","_default","exports"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n static displayName = 'DatePicker';\n static style = style;\n static defaultProps({ value, defaultValue }) {\n return {\n i18n: localizedMessages,\n locale: 'en',\n defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n defaultValue: null,\n defaultVisible: false,\n defaultHighlighted: [],\n disabled: [],\n size: 'm',\n };\n }\n static enhance = [i18nEnhance(localizedMessages)];\n\n static add = (date, amount, unit) => {\n return dayjs(date).add(amount, unit).toDate();\n };\n\n static subtract = (date, amount, unit) => {\n return dayjs(date).subtract(amount, unit).toDate();\n };\n\n navigateStep;\n keyDiff;\n keyStep;\n\n state = {\n // To remove after removing button trigger\n defaultInteraction: 'focus',\n };\n uncontrolledProps() {\n return {\n displayedPeriod: [\n null,\n () => {\n this.handlers.visible(true);\n },\n ],\n visible: [\n null,\n (visible) => {\n if (!visible) {\n this.handlers.highlighted([]);\n this.handlers.displayedPeriod(this.asProps.value || this.props.defaultDisplayedPeriod);\n }\n },\n ],\n highlighted: null,\n value: [\n null,\n (value) => {\n if (value) {\n this.handlers.visible(false);\n }\n this.handlers.displayedPeriod(value ?? undefined);\n },\n ],\n };\n }\n\n navigateView = (direction) => {\n const { displayedPeriod } = this.asProps;\n const action = direction >= 1 ? 'add' : 'subtract';\n const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n this.handlers.displayedPeriod(date);\n };\n\n bindHandlerNavigateClick = (direction) => () => {\n this.navigateView(direction);\n };\n\n handlerKeyDown = (e) => {\n if (e.target !== e.currentTarget) return;\n const { value, displayedPeriod, highlighted, disabled: _disabled } = this.asProps;\n const day = this.keyDiff[e.keyCode];\n\n const getCurrentHighlightedDay = (day) => {\n const current_day = day.toDate();\n const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n return isDisabledDay ? null : current_day;\n };\n\n if (e.keyCode === 32 || (e.keyCode === 13 && highlighted.length)) {\n this.handlers.value(highlighted[0]);\n e.preventDefault();\n }\n if (day) {\n if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n const current_highlighted =\n !highlighted[0] && !value\n ? dayjs(highlighted[0] || displayedPeriod)\n : dayjs(displayedPeriod).add(day, this.keyStep);\n const current_day =\n getCurrentHighlightedDay(current_highlighted) ||\n getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n if (current_day) {\n this.handlers.highlighted([current_day]);\n this.handlers.displayedPeriod(current_day);\n e.preventDefault();\n }\n }\n };\n\n setDefaultInteractionToClick = () => {\n if (this.state.defaultInteraction === 'click') return;\n this.setState({ defaultInteraction: 'click' });\n };\n\n getTriggerProps() {\n const { value, size } = this.asProps;\n\n return {\n size,\n empty: !value,\n onKeyDown: this.handlerKeyDown,\n setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n tabIndex: 0,\n onKeyDown: this.handlerKeyDown,\n children: (\n <>\n <Picker.Header />\n <Picker.Calendar />\n </>\n ),\n };\n }\n\n getHeaderProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n children: (\n <>\n <Picker.Prev />\n <Picker.Title />\n <Picker.Next />\n </>\n ),\n };\n }\n\n getTitleProps() {\n return {};\n }\n\n getNextProps() {\n return {\n onClick: this.bindHandlerNavigateClick(1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getPrevProps() {\n return {\n onClick: this.bindHandlerNavigateClick(-1),\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n getCalendarProps() {\n const { locale, displayedPeriod, disabled, value, highlighted, onVisibleChange, onChange } =\n this.asProps;\n return {\n locale,\n displayedPeriod,\n disabled,\n onChange,\n highlighted,\n value: [value, value],\n renderOutdated: true,\n onVisibleChange,\n };\n }\n\n render() {\n const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n const { defaultInteraction } = this.state;\n\n return (\n <>\n {sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n interaction={defaultInteraction}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n )}\n </>\n );\n }\n}\n\nexport default PickerAbstract;\n"],"mappings":";;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AAEA,IAAAM,4BAAA,GAAAN,OAAA;AAGA,IAAAO,aAAA,GAAAL,sBAAA,CAAAF,OAAA;AAAiD;AAAA,IAAAQ,KAAA,+BAAAT,KAAA,CAAAU,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEjD,IAAMC,gBAAgB,GAAG,CAAC,OAAO,CAAC;AAElC,IAAMC,sBAAsB,GAAG,IAAIC,IAAI,CAAC,IAAIA,IAAI,EAAE,CAACC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAAC,IAEnEC,cAAc,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,cAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,YA6BV;MACN;MACAa,kBAAkB,EAAE;IACtB,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,mBA+Bc,UAACc,SAAS,EAAK;MAC5B,IAAQC,eAAe,GAAKf,KAAA,CAAKgB,OAAO,CAAhCD,eAAe;MACvB,IAAME,MAAM,GAAGH,SAAS,IAAI,CAAC,GAAG,KAAK,GAAG,UAAU;MAClD,IAAMI,IAAI,GAAG,IAAAC,iBAAK,EAACJ,eAAe,CAAC,CAACE,MAAM,CAAC,CAAC,CAAC,EAAEjB,KAAA,CAAKoB,YAAY,CAAC,CAACC,MAAM,EAAE;MAC1ErB,KAAA,CAAKsB,QAAQ,CAACP,eAAe,CAACG,IAAI,CAAC;IACrC,CAAC;IAAA,IAAAP,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,+BAE0B,UAACc,SAAS;MAAA,OAAK,YAAM;QAC9Cd,KAAA,CAAKuB,YAAY,CAACT,SAAS,CAAC;MAC9B,CAAC;IAAA;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,qBAEgB,UAACwB,CAAC,EAAK;MACtB,IAAIA,CAAC,CAACC,MAAM,KAAKD,CAAC,CAACE,aAAa,EAAE;MAClC,IAAAC,aAAA,GAAqE3B,KAAA,CAAKgB,OAAO;QAAzEY,KAAK,GAAAD,aAAA,CAALC,KAAK;QAAEb,eAAe,GAAAY,aAAA,CAAfZ,eAAe;QAAEc,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAYC,SAAS,GAAAH,aAAA,CAAnBI,QAAQ;MACrD,IAAMC,GAAG,GAAGhC,KAAA,CAAKiC,OAAO,CAACT,CAAC,CAACU,OAAO,CAAC;MAEnC,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIH,GAAG,EAAK;QACxC,IAAMI,WAAW,GAAGJ,GAAG,CAACX,MAAM,EAAE;QAChC,IAAMgB,aAAa,GAAGP,SAAS,CAACQ,IAAI,CAAC,IAAAC,wBAAY,EAAC,IAAApB,iBAAK,EAACiB,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;QAC9E,OAAOC,aAAa,GAAG,IAAI,GAAGD,WAAW;MAC3C,CAAC;MAED,IAAIZ,CAAC,CAACU,OAAO,KAAK,EAAE,IAAKV,CAAC,CAACU,OAAO,KAAK,EAAE,IAAIL,WAAW,CAACzB,MAAO,EAAE;QAChEJ,KAAA,CAAKsB,QAAQ,CAACM,KAAK,CAACC,WAAW,CAAC,CAAC,CAAC,CAAC;QACnCL,CAAC,CAACgB,cAAc,EAAE;MACpB;MACA,IAAIR,GAAG,EAAE;QACP,IAAIzC,gBAAgB,CAACkD,QAAQ,CAACjB,CAAC,CAACC,MAAM,CAACiB,OAAO,CAAC,EAAE;QACjD,IAAMC,mBAAmB,GACvB,CAACd,WAAW,CAAC,CAAC,CAAC,IAAI,CAACD,KAAK,GACrB,IAAAT,iBAAK,EAACU,WAAW,CAAC,CAAC,CAAC,IAAId,eAAe,CAAC,GACxC,IAAAI,iBAAK,EAACJ,eAAe,CAAC,CAAC6B,GAAG,CAACZ,GAAG,EAAEhC,KAAA,CAAK6C,OAAO,CAAC;QACnD,IAAMT,WAAW,GACfD,wBAAwB,CAACQ,mBAAmB,CAAC,IAC7CR,wBAAwB,CAAC,IAAAhB,iBAAK,EAACU,WAAW,CAAC,CAAC,CAAC,IAAId,eAAe,CAAC,CAAC;QAEpE,IAAIqB,WAAW,EAAE;UACfpC,KAAA,CAAKsB,QAAQ,CAACO,WAAW,CAAC,CAACO,WAAW,CAAC,CAAC;UACxCpC,KAAA,CAAKsB,QAAQ,CAACP,eAAe,CAACqB,WAAW,CAAC;UAC1CZ,CAAC,CAACgB,cAAc,EAAE;QACpB;MACF;IACF,CAAC;IAAA,IAAA7B,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,mCAE8B,YAAM;MACnC,IAAIA,KAAA,CAAK8C,KAAK,CAACjC,kBAAkB,KAAK,OAAO,EAAE;MAC/Cb,KAAA,CAAK+C,QAAQ,CAAC;QAAElC,kBAAkB,EAAE;MAAQ,CAAC,CAAC;IAChD,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAgD,aAAA,aAAArD,cAAA;IAAAsD,GAAA;IAAArB,KAAA,EA7ED,SAAAsB,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,OAAO;QACLpC,eAAe,EAAE,CACf,IAAI,EACJ,YAAM;UACJoC,MAAI,CAAC7B,QAAQ,CAAC8B,OAAO,CAAC,IAAI,CAAC;QAC7B,CAAC,CACF;QACDA,OAAO,EAAE,CACP,IAAI,EACJ,UAACA,OAAO,EAAK;UACX,IAAI,CAACA,OAAO,EAAE;YACZD,MAAI,CAAC7B,QAAQ,CAACO,WAAW,CAAC,EAAE,CAAC;YAC7BsB,MAAI,CAAC7B,QAAQ,CAACP,eAAe,CAACoC,MAAI,CAACnC,OAAO,CAACY,KAAK,IAAIuB,MAAI,CAACE,KAAK,CAAC7D,sBAAsB,CAAC;UACxF;QACF,CAAC,CACF;QACDqC,WAAW,EAAE,IAAI;QACjBD,KAAK,EAAE,CACL,IAAI,EACJ,UAACA,KAAK,EAAK;UACT,IAAIA,KAAK,EAAE;YACTuB,MAAI,CAAC7B,QAAQ,CAAC8B,OAAO,CAAC,KAAK,CAAC;UAC9B;UACAD,MAAI,CAAC7B,QAAQ,CAACP,eAAe,CAACa,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI0B,SAAS,CAAC;QACnD,CAAC;MAEL,CAAC;IACH;EAAC;IAAAL,GAAA;IAAArB,KAAA,EAmDD,SAAA2B,gBAAA,EAAkB;MAChB,IAAAC,cAAA,GAAwB,IAAI,CAACxC,OAAO;QAA5BY,KAAK,GAAA4B,cAAA,CAAL5B,KAAK;QAAE6B,IAAI,GAAAD,cAAA,CAAJC,IAAI;MAEnB,OAAO;QACLA,IAAI,EAAJA,IAAI;QACJC,KAAK,EAAE,CAAC9B,KAAK;QACb+B,SAAS,EAAE,IAAI,CAACC,cAAc;QAC9BC,4BAA4B,EAAE,IAAI,CAACA;MACrC,CAAC;IACH;EAAC;IAAAZ,GAAA;IAAArB,KAAA,EAED,SAAAkC,eAAA,EAAiB;MACf,IAAMC,MAAM,GAAG,IAAI,CAACC,mBAAa,CAAC;MAClC,OAAO;QACLC,QAAQ,EAAE,CAAC;QACXN,SAAS,EAAE,IAAI,CAACC,cAAc;QAC9BM,QAAQ,eACNrF,MAAA,YAAAsF,aAAA,CAAAtF,MAAA,YAAAuF,QAAA,qBACEvF,MAAA,YAAAsF,aAAA,CAACJ,MAAM,CAACM,MAAM,OAAG,eACjBxF,MAAA,YAAAsF,aAAA,CAACJ,MAAM,CAACO,QAAQ,OAAG;MAGzB,CAAC;IACH;EAAC;IAAArB,GAAA;IAAArB,KAAA,EAED,SAAA2C,eAAA,EAAiB;MACf,IAAMR,MAAM,GAAG,IAAI,CAACC,mBAAa,CAAC;MAClC,OAAO;QACLE,QAAQ,eACNrF,MAAA,YAAAsF,aAAA,CAAAtF,MAAA,YAAAuF,QAAA,qBACEvF,MAAA,YAAAsF,aAAA,CAACJ,MAAM,CAACS,IAAI,OAAG,eACf3F,MAAA,YAAAsF,aAAA,CAACJ,MAAM,CAACU,KAAK,OAAG,eAChB5F,MAAA,YAAAsF,aAAA,CAACJ,MAAM,CAACW,IAAI,OAAG;MAGrB,CAAC;IACH;EAAC;IAAAzB,GAAA;IAAArB,KAAA,EAED,SAAA+C,cAAA,EAAgB;MACd,OAAO,CAAC,CAAC;IACX;EAAC;IAAA1B,GAAA;IAAArB,KAAA,EAED,SAAAgD,aAAA,EAAe;MACb,OAAO;QACLC,OAAO,EAAE,IAAI,CAACC,wBAAwB,CAAC,CAAC,CAAC;QACzCC,WAAW,EAAE,IAAI,CAAC/D,OAAO,CAAC+D;MAC5B,CAAC;IACH;EAAC;IAAA9B,GAAA;IAAArB,KAAA,EAED,SAAAoD,aAAA,EAAe;MACb,OAAO;QACLH,OAAO,EAAE,IAAI,CAACC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAC1CC,WAAW,EAAE,IAAI,CAAC/D,OAAO,CAAC+D;MAC5B,CAAC;IACH;EAAC;IAAA9B,GAAA;IAAArB,KAAA,EAED,SAAAqD,iBAAA,EAAmB;MACjB,IAAAC,cAAA,GACE,IAAI,CAAClE,OAAO;QADNmE,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEpE,eAAe,GAAAmE,cAAA,CAAfnE,eAAe;QAAEgB,QAAQ,GAAAmD,cAAA,CAARnD,QAAQ;QAAEH,KAAK,GAAAsD,cAAA,CAALtD,KAAK;QAAEC,WAAW,GAAAqD,cAAA,CAAXrD,WAAW;QAAEuD,eAAe,GAAAF,cAAA,CAAfE,eAAe;QAAEC,QAAQ,GAAAH,cAAA,CAARG,QAAQ;MAExF,OAAO;QACLF,MAAM,EAANA,MAAM;QACNpE,eAAe,EAAfA,eAAe;QACfgB,QAAQ,EAARA,QAAQ;QACRsD,QAAQ,EAARA,QAAQ;QACRxD,WAAW,EAAXA,WAAW;QACXD,KAAK,EAAE,CAACA,KAAK,EAAEA,KAAK,CAAC;QACrB0D,cAAc,EAAE,IAAI;QACpBF,eAAe,EAAfA;MACF,CAAC;IACH;EAAC;IAAAnC,GAAA;IAAArB,KAAA,EAED,SAAA2D,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAxE,OAAA;QAAAyE,KAAA;MACP,IAAAC,cAAA,GAA8D,IAAI,CAAC1E,OAAO;QAAlE2E,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAgBC,iBAAiB,GAAAH,cAAA,CAA/B,YAAY;MACtC,IAAQ7E,kBAAkB,GAAK,IAAI,CAACiC,KAAK,CAAjCjC,kBAAkB;MAE1B,oBACEhC,MAAA,YAAAsF,aAAA,CAAAtF,MAAA,YAAAuF,QAAA,SAAAqB,KAAA,GACG,IAAApG,aAAO,EAACsG,MAAM,CAAC,eACd9G,MAAA,YAAAsF,aAAA,CACU2B,oBAAQ,MAAAnH,KAAA,CAAAoH,WAAA;QAAA,kBACAF,iBAAiB;QAAA,eACpBhF,kBAAkB;QAAA,kBACf,CAAC,UAAU,EAAE,OAAO;MAAC,GAAA2E,IAAA,gBAErC3G,MAAA,YAAAsF,aAAA,CAACyB,QAAQ,EAAAH,KAAA,CAAAO,EAAA,iBAAG,CACP,EAER;IAEP;EAAC;IAAA/C,GAAA;IAAArB,KAAA,EAtMD,SAAAqE,aAAAC,KAAA,EAA6C;MAAA,IAAvBtE,KAAK,GAAAsE,KAAA,CAALtE,KAAK;QAAEuE,YAAY,GAAAD,KAAA,CAAZC,YAAY;MACvC,OAAO;QACLC,IAAI,EAAEC,8CAAiB;QACvBlB,MAAM,EAAE,IAAI;QACZ3F,sBAAsB,EAAEoC,KAAK,IAAIuE,YAAY,IAAI3G,sBAAsB;QACvE2G,YAAY,EAAE,IAAI;QAClBG,cAAc,EAAE,KAAK;QACrBC,kBAAkB,EAAE,EAAE;QACtBxE,QAAQ,EAAE,EAAE;QACZ0B,IAAI,EAAE;MACR,CAAC;IACH;EAAC;EAAA,OAAA9D,cAAA;AAAA,EAd0B6G,eAAS;AAAA,IAAA7F,gBAAA,aAAhChB,cAAc,iBACG,YAAY;AAAA,IAAAgB,gBAAA,aAD7BhB,cAAc,WAEHP,KAAK;AAAA,IAAAuB,gBAAA,aAFhBhB,cAAc,aAeD,CAAC,IAAA8G,uBAAW,EAACJ,8CAAiB,CAAC,CAAC;AAAA,IAAA1F,gBAAA,aAf7ChB,cAAc,SAiBL,UAACuB,IAAI,EAAEwF,MAAM,EAAEC,IAAI,EAAK;EACnC,OAAO,IAAAxF,iBAAK,EAACD,IAAI,CAAC,CAAC0B,GAAG,CAAC8D,MAAM,EAAEC,IAAI,CAAC,CAACtF,MAAM,EAAE;AAC/C,CAAC;AAAA,IAAAV,gBAAA,aAnBGhB,cAAc,cAqBA,UAACuB,IAAI,EAAEwF,MAAM,EAAEC,IAAI,EAAK;EACxC,OAAO,IAAAxF,iBAAK,EAACD,IAAI,CAAC,CAAC0F,QAAQ,CAACF,MAAM,EAAEC,IAAI,CAAC,CAACtF,MAAM,EAAE;AACpD,CAAC;AAAA,IAAAwF,QAAA,GAqLYlH,cAAc;AAAAmH,OAAA,cAAAD,QAAA"}
|
|
@@ -24,25 +24,25 @@ var _dropdown = _interopRequireDefault(require("@semcore/dropdown"));
|
|
|
24
24
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
25
25
|
var _intergalacticDynamicLocales = require("../translations/__intergalactic-dynamic-locales");
|
|
26
26
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SPopper": "
|
|
29
|
-
"__SHeader": "
|
|
30
|
-
"__STitle": "
|
|
31
|
-
"__SToday": "
|
|
32
|
-
"__SPeriod": "
|
|
33
|
-
"__SButton": "
|
|
34
|
-
"__SInner": "
|
|
35
|
-
"__SInputMask": "
|
|
36
|
-
"__SIndicator": "
|
|
37
|
-
"__SHumanizedDate": "
|
|
38
|
-
"__SSingleDateInput": "
|
|
39
|
-
"__SValue": "
|
|
40
|
-
"__SDateRange": "
|
|
41
|
-
"__SMask": "
|
|
42
|
-
"_focus-within": "__focus-
|
|
43
|
-
"_noHumanizedDate": "
|
|
44
|
-
"__SRangeSep": "
|
|
45
|
-
"_fulfilled": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_1d7fk_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1d7fk_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1d7fk_gg_:active,.___SPopper_1d7fk_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_1d7fk_gg_:hover{outline:0;text-decoration:none}}.___SPopper_1d7fk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1d7fk_gg_,.___STitle_1d7fk_gg_{display:flex;align-items:center}.___STitle_1d7fk_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1d7fk_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1d7fk_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1d7fk_gg_ .___SInner_1d7fk_gg_{justify-content:flex-start}.___SInputMask_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SIndicator_1d7fk_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_1d7fk_gg_{position:absolute;pointer-events:none}.___SDateRange_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_ .___SValue_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:0}.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1d7fk_gg_:focus-within .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SSingleDateInput_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_,.___SSingleDateInput_1d7fk_gg_:focus-within .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1d7fk_gg_:focus-within .___SHumanizedDate_1d7fk_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_,.___SDateRange_1d7fk_gg_:focus-within .___SValue_1d7fk_gg_{opacity:1}.___SInputMask_1d7fk_gg_.__noHumanizedDate_1d7fk_gg_ .___SMask_1d7fk_gg_,.___SInputMask_1d7fk_gg_.__noHumanizedDate_1d7fk_gg_ .___SValue_1d7fk_gg_{opacity:1}.___SDateRange_1d7fk_gg_ .___SInputMask_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SMask_1d7fk_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1d7fk_gg_ .___SInputMask_1d7fk_gg_:focus-within .___SMask_1d7fk_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1d7fk_gg_.__focus-within_1d7fk_gg_ .___SRangeSep_1d7fk_gg_,.___SRangeSep_1d7fk_gg_.__fulfilled_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_1d7fk_gg_:focus-within .___SRangeSep_1d7fk_gg_,.___SRangeSep_1d7fk_gg_.__fulfilled_1d7fk_gg_{color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1d7fk_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SPopper": "___SPopper_1d7fk_gg_",
|
|
29
|
+
"__SHeader": "___SHeader_1d7fk_gg_",
|
|
30
|
+
"__STitle": "___STitle_1d7fk_gg_",
|
|
31
|
+
"__SToday": "___SToday_1d7fk_gg_",
|
|
32
|
+
"__SPeriod": "___SPeriod_1d7fk_gg_",
|
|
33
|
+
"__SButton": "___SButton_1d7fk_gg_",
|
|
34
|
+
"__SInner": "___SInner_1d7fk_gg_",
|
|
35
|
+
"__SInputMask": "___SInputMask_1d7fk_gg_",
|
|
36
|
+
"__SIndicator": "___SIndicator_1d7fk_gg_",
|
|
37
|
+
"__SHumanizedDate": "___SHumanizedDate_1d7fk_gg_",
|
|
38
|
+
"__SSingleDateInput": "___SSingleDateInput_1d7fk_gg_",
|
|
39
|
+
"__SValue": "___SValue_1d7fk_gg_",
|
|
40
|
+
"__SDateRange": "___SDateRange_1d7fk_gg_",
|
|
41
|
+
"__SMask": "___SMask_1d7fk_gg_",
|
|
42
|
+
"_focus-within": "__focus-within_1d7fk_gg_",
|
|
43
|
+
"_noHumanizedDate": "__noHumanizedDate_1d7fk_gg_",
|
|
44
|
+
"__SRangeSep": "___SRangeSep_1d7fk_gg_",
|
|
45
|
+
"_fulfilled": "__fulfilled_1d7fk_gg_"
|
|
46
46
|
});
|
|
47
47
|
var INTERACTION_TAGS = ['INPUT'];
|
|
48
48
|
var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
|
|
@@ -105,7 +105,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
105
105
|
return displayedPeriod;
|
|
106
106
|
};
|
|
107
107
|
if (e.keyCode === 32 && highlighted.length) {
|
|
108
|
-
_this.
|
|
108
|
+
_this.handleChange(highlighted[1] || highlighted[0]);
|
|
109
109
|
e.preventDefault();
|
|
110
110
|
}
|
|
111
111
|
if (day) {
|
|
@@ -125,15 +125,15 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
125
125
|
e.preventDefault();
|
|
126
126
|
}
|
|
127
127
|
});
|
|
128
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "
|
|
128
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleApply", function (value) {
|
|
129
129
|
var _value2 = (0, _slicedToArray2["default"])(value, 2),
|
|
130
130
|
startDate = _value2[0],
|
|
131
131
|
_value2$ = _value2[1],
|
|
132
132
|
endDate = _value2$ === void 0 ? startDate : _value2$;
|
|
133
|
-
_this.
|
|
133
|
+
_this.handleChange([]);
|
|
134
134
|
_this.handlers.value([startDate, endDate]);
|
|
135
135
|
});
|
|
136
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "
|
|
136
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (date) {
|
|
137
137
|
var dirtyValue = _this.state.dirtyValue;
|
|
138
138
|
var highlighted = [];
|
|
139
139
|
if (Array.isArray(date)) {
|
|
@@ -275,7 +275,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
275
275
|
}
|
|
276
276
|
}, {
|
|
277
277
|
key: "getCalendarProps",
|
|
278
|
-
value: function getCalendarProps(
|
|
278
|
+
value: function getCalendarProps(_props, index) {
|
|
279
279
|
var _this$asProps5 = this.asProps,
|
|
280
280
|
locale = _this$asProps5.locale,
|
|
281
281
|
displayedPeriod = _this$asProps5.displayedPeriod,
|
|
@@ -293,7 +293,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
293
293
|
onHighlightedChange: onHighlightedChange,
|
|
294
294
|
onVisibleChange: onVisibleChange,
|
|
295
295
|
value: dirtyValue.length ? dirtyValue : value,
|
|
296
|
-
onChange: this.
|
|
296
|
+
onChange: this.handleChange
|
|
297
297
|
};
|
|
298
298
|
}
|
|
299
299
|
}, {
|
|
@@ -309,7 +309,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
309
309
|
return {
|
|
310
310
|
periods: periods,
|
|
311
311
|
value: dirtyValue.length ? dirtyValue : value,
|
|
312
|
-
onChange: this.
|
|
312
|
+
onChange: this.handleApply,
|
|
313
313
|
onHighlightedChange: onHighlightedChange,
|
|
314
314
|
onDisplayedPeriodChange: onDisplayedPeriodChange
|
|
315
315
|
};
|
|
@@ -325,7 +325,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
325
325
|
return {
|
|
326
326
|
getI18nText: getI18nText,
|
|
327
327
|
onClick: function onClick() {
|
|
328
|
-
return _this3.
|
|
328
|
+
return _this3.handleApply(dirtyValue.length ? dirtyValue : value);
|
|
329
329
|
}
|
|
330
330
|
};
|
|
331
331
|
}
|
|
@@ -337,7 +337,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
337
337
|
return {
|
|
338
338
|
getI18nText: getI18nText,
|
|
339
339
|
onClick: function onClick() {
|
|
340
|
-
return _this4.
|
|
340
|
+
return _this4.handleApply([]);
|
|
341
341
|
}
|
|
342
342
|
};
|
|
343
343
|
}
|
|
@@ -351,11 +351,11 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
351
351
|
styles = _this$asProps8.styles,
|
|
352
352
|
providedAriaLabel = _this$asProps8['aria-label'];
|
|
353
353
|
var defaultInteraction = this.state.defaultInteraction;
|
|
354
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
|
|
354
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
|
|
355
355
|
"use:aria-label": providedAriaLabel,
|
|
356
356
|
"interaction": defaultInteraction,
|
|
357
357
|
"__excludeProps": ['onChange', 'value']
|
|
358
|
-
}, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
|
|
358
|
+
}, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})))));
|
|
359
359
|
}
|
|
360
360
|
}], [{
|
|
361
361
|
key: "defaultProps",
|