@semcore/date-picker 16.2.1-prerelease.5 → 16.2.2-prerelease.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 +7 -1
- package/lib/cjs/components/Calendar.js +21 -21
- package/lib/cjs/components/DateRangeComparatorAbstract.js +57 -34
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +29 -29
- package/lib/cjs/components/PickerAbstract.js +37 -31
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +60 -36
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +3 -1
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/es6/components/Calendar.js +21 -21
- package/lib/es6/components/DateRangeComparatorAbstract.js +57 -34
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +29 -29
- package/lib/es6/components/PickerAbstract.js +37 -31
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +60 -36
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +3 -1
- package/lib/es6/components/index.js.map +1 -1
- package/lib/esm/components/Calendar.mjs +22 -22
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +57 -35
- package/lib/esm/components/InputTrigger.mjs +30 -30
- package/lib/esm/components/PickerAbstract.mjs +37 -32
- package/lib/esm/components/RangePickerAbstract.mjs +60 -37
- package/lib/esm/components/index.mjs +2 -1
- package/package.json +17 -17
|
@@ -35,37 +35,37 @@ var _excluded = ["children", "id", "role", "aria-haspopup", "aria-label", "style
|
|
|
35
35
|
_excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "inputId", "showError"],
|
|
36
36
|
_excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "getI18nText", "inputId", "inputRole", "__excludeProps", "Root"];
|
|
37
37
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
38
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
38
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPopper_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_14wv6_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_14wv6_gg_:active,.___SPopper_14wv6_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_14wv6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_14wv6_gg_,.___STitle_14wv6_gg_{display:flex;align-items:center}.___STitle_14wv6_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_14wv6_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_14wv6_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_14wv6_gg_ .___SInner_14wv6_gg_{justify-content:flex-start}.___SInputMask_14wv6_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_14wv6_gg_.__animationsDisabled_14wv6_gg_{transition:none}.___SInputMask_14wv6_gg_ .___SValue_14wv6_gg_{letter-spacing:0}.___SInputMask_14wv6_gg_ .___SValue_14wv6_gg_:focus{outline:0}.___SIndicator_14wv6_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_14wv6_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_14wv6_gg_._range_value_14wv6_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_14wv6_gg_._range_compare_14wv6_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_14wv6_gg_.__disabled_14wv6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_14wv6_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_14wv6_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_14wv6_gg_ .___SMask_14wv6_gg_,.___SDateRange_14wv6_gg_ .___SValue_14wv6_gg_,.___SSingleDateInput_14wv6_gg_ .___SMask_14wv6_gg_,.___SSingleDateInput_14wv6_gg_ .___SValue_14wv6_gg_{opacity:0}.___SSingleDateInput_14wv6_gg_:focus-within .___SHumanizedDate_14wv6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_14wv6_gg_:focus-within .___SMask_14wv6_gg_,.___SSingleDateInput_14wv6_gg_:focus-within .___SValue_14wv6_gg_{opacity:1}.___SDateRange_14wv6_gg_:focus-within .___SHumanizedDate_14wv6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_14wv6_gg_:focus-within .___SMask_14wv6_gg_,.___SDateRange_14wv6_gg_:focus-within .___SValue_14wv6_gg_{opacity:1}.___SInputMask_14wv6_gg_.__noHumanizedDate_14wv6_gg_ .___SMask_14wv6_gg_,.___SInputMask_14wv6_gg_.__noHumanizedDate_14wv6_gg_ .___SValue_14wv6_gg_{opacity:1}.___SDateRange_14wv6_gg_ .___SInputMask_14wv6_gg_:focus-within .___SMask_14wv6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_14wv6_gg_:focus-within .___SRangeSep_14wv6_gg_,.___SRangeSep_14wv6_gg_.__fulfilled_14wv6_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_14wv6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_14wv6_gg_,.___SRangeComparatorHeader_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_14wv6_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_14wv6_gg_,.___SPeriodsList_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_14wv6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_14wv6_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_14wv6_gg_{transition:none}}", /*__inner_css_end__*/"14wv6_gg_"),
|
|
39
39
|
/*__reshadow_css_end__*/
|
|
40
40
|
{
|
|
41
|
-
"__SHeader": "
|
|
42
|
-
"__STitle": "
|
|
43
|
-
"__SToday": "
|
|
44
|
-
"__SPeriod": "
|
|
45
|
-
"__SButton": "
|
|
46
|
-
"__SInner": "
|
|
47
|
-
"__SInputMask": "
|
|
48
|
-
"_animationsDisabled": "
|
|
49
|
-
"__SIndicator": "
|
|
50
|
-
"__SRangeIndicator": "
|
|
51
|
-
"_range_value": "
|
|
52
|
-
"_range_compare": "
|
|
53
|
-
"_disabled": "
|
|
54
|
-
"__SHumanizedDate": "
|
|
55
|
-
"__SMask": "
|
|
56
|
-
"__SSingleDateInput": "
|
|
57
|
-
"__SValue": "
|
|
58
|
-
"__SDateRange": "
|
|
59
|
-
"_noHumanizedDate": "
|
|
60
|
-
"__SRangeSep": "
|
|
61
|
-
"_fulfilled": "
|
|
62
|
-
"__SRangeComparatorHeader": "
|
|
63
|
-
"__SRangeCalendar": "
|
|
64
|
-
"__SFooter": "
|
|
65
|
-
"__SPeriodsList": "
|
|
66
|
-
"__STooltip": "
|
|
67
|
-
"__SCompareToggle": "
|
|
68
|
-
"__SPopper": "
|
|
41
|
+
"__SHeader": "___SHeader_14wv6_gg_",
|
|
42
|
+
"__STitle": "___STitle_14wv6_gg_",
|
|
43
|
+
"__SToday": "___SToday_14wv6_gg_",
|
|
44
|
+
"__SPeriod": "___SPeriod_14wv6_gg_",
|
|
45
|
+
"__SButton": "___SButton_14wv6_gg_",
|
|
46
|
+
"__SInner": "___SInner_14wv6_gg_",
|
|
47
|
+
"__SInputMask": "___SInputMask_14wv6_gg_",
|
|
48
|
+
"_animationsDisabled": "__animationsDisabled_14wv6_gg_",
|
|
49
|
+
"__SIndicator": "___SIndicator_14wv6_gg_",
|
|
50
|
+
"__SRangeIndicator": "___SRangeIndicator_14wv6_gg_",
|
|
51
|
+
"_range_value": "_range_value_14wv6_gg_",
|
|
52
|
+
"_range_compare": "_range_compare_14wv6_gg_",
|
|
53
|
+
"_disabled": "__disabled_14wv6_gg_",
|
|
54
|
+
"__SHumanizedDate": "___SHumanizedDate_14wv6_gg_",
|
|
55
|
+
"__SMask": "___SMask_14wv6_gg_",
|
|
56
|
+
"__SSingleDateInput": "___SSingleDateInput_14wv6_gg_",
|
|
57
|
+
"__SValue": "___SValue_14wv6_gg_",
|
|
58
|
+
"__SDateRange": "___SDateRange_14wv6_gg_",
|
|
59
|
+
"_noHumanizedDate": "__noHumanizedDate_14wv6_gg_",
|
|
60
|
+
"__SRangeSep": "___SRangeSep_14wv6_gg_",
|
|
61
|
+
"_fulfilled": "__fulfilled_14wv6_gg_",
|
|
62
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_14wv6_gg_",
|
|
63
|
+
"__SRangeCalendar": "___SRangeCalendar_14wv6_gg_",
|
|
64
|
+
"__SFooter": "___SFooter_14wv6_gg_",
|
|
65
|
+
"__SPeriodsList": "___SPeriodsList_14wv6_gg_",
|
|
66
|
+
"__STooltip": "___STooltip_14wv6_gg_",
|
|
67
|
+
"__SCompareToggle": "___SCompareToggle_14wv6_gg_",
|
|
68
|
+
"__SPopper": "___SPopper_14wv6_gg_"
|
|
69
69
|
});
|
|
70
70
|
var defaultAllowedParts = {
|
|
71
71
|
year: true,
|
|
@@ -19,37 +19,37 @@ var _intergalacticDynamicLocales = require("../translations/__intergalactic-dyna
|
|
|
19
19
|
var _formatDate = require("../utils/formatDate");
|
|
20
20
|
var _includesDate = require("../utils/includesDate");
|
|
21
21
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPopper_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_14wv6_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_14wv6_gg_:active,.___SPopper_14wv6_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_14wv6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_14wv6_gg_,.___STitle_14wv6_gg_{display:flex;align-items:center}.___STitle_14wv6_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_14wv6_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_14wv6_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_14wv6_gg_ .___SInner_14wv6_gg_{justify-content:flex-start}.___SInputMask_14wv6_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_14wv6_gg_.__animationsDisabled_14wv6_gg_{transition:none}.___SInputMask_14wv6_gg_ .___SValue_14wv6_gg_{letter-spacing:0}.___SInputMask_14wv6_gg_ .___SValue_14wv6_gg_:focus{outline:0}.___SIndicator_14wv6_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_14wv6_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_14wv6_gg_._range_value_14wv6_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_14wv6_gg_._range_compare_14wv6_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_14wv6_gg_.__disabled_14wv6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_14wv6_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_14wv6_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_14wv6_gg_ .___SMask_14wv6_gg_,.___SDateRange_14wv6_gg_ .___SValue_14wv6_gg_,.___SSingleDateInput_14wv6_gg_ .___SMask_14wv6_gg_,.___SSingleDateInput_14wv6_gg_ .___SValue_14wv6_gg_{opacity:0}.___SSingleDateInput_14wv6_gg_:focus-within .___SHumanizedDate_14wv6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_14wv6_gg_:focus-within .___SMask_14wv6_gg_,.___SSingleDateInput_14wv6_gg_:focus-within .___SValue_14wv6_gg_{opacity:1}.___SDateRange_14wv6_gg_:focus-within .___SHumanizedDate_14wv6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_14wv6_gg_:focus-within .___SMask_14wv6_gg_,.___SDateRange_14wv6_gg_:focus-within .___SValue_14wv6_gg_{opacity:1}.___SInputMask_14wv6_gg_.__noHumanizedDate_14wv6_gg_ .___SMask_14wv6_gg_,.___SInputMask_14wv6_gg_.__noHumanizedDate_14wv6_gg_ .___SValue_14wv6_gg_{opacity:1}.___SDateRange_14wv6_gg_ .___SInputMask_14wv6_gg_:focus-within .___SMask_14wv6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_14wv6_gg_:focus-within .___SRangeSep_14wv6_gg_,.___SRangeSep_14wv6_gg_.__fulfilled_14wv6_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_14wv6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_14wv6_gg_,.___SRangeComparatorHeader_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_14wv6_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_14wv6_gg_,.___SPeriodsList_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_14wv6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_14wv6_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_14wv6_gg_{transition:none}}", /*__inner_css_end__*/"14wv6_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHeader": "
|
|
26
|
-
"__STitle": "
|
|
27
|
-
"__SToday": "
|
|
28
|
-
"__SPeriod": "
|
|
29
|
-
"__SButton": "
|
|
30
|
-
"__SInner": "
|
|
31
|
-
"__SInputMask": "
|
|
32
|
-
"_animationsDisabled": "
|
|
33
|
-
"__SIndicator": "
|
|
34
|
-
"__SRangeIndicator": "
|
|
35
|
-
"_range_value": "
|
|
36
|
-
"_range_compare": "
|
|
37
|
-
"_disabled": "
|
|
38
|
-
"__SHumanizedDate": "
|
|
39
|
-
"__SMask": "
|
|
40
|
-
"__SSingleDateInput": "
|
|
41
|
-
"__SValue": "
|
|
42
|
-
"__SDateRange": "
|
|
43
|
-
"_noHumanizedDate": "
|
|
44
|
-
"__SRangeSep": "
|
|
45
|
-
"_fulfilled": "
|
|
46
|
-
"__SRangeComparatorHeader": "
|
|
47
|
-
"__SRangeCalendar": "
|
|
48
|
-
"__SFooter": "
|
|
49
|
-
"__SPeriodsList": "
|
|
50
|
-
"__STooltip": "
|
|
51
|
-
"__SCompareToggle": "
|
|
52
|
-
"__SPopper": "
|
|
25
|
+
"__SHeader": "___SHeader_14wv6_gg_",
|
|
26
|
+
"__STitle": "___STitle_14wv6_gg_",
|
|
27
|
+
"__SToday": "___SToday_14wv6_gg_",
|
|
28
|
+
"__SPeriod": "___SPeriod_14wv6_gg_",
|
|
29
|
+
"__SButton": "___SButton_14wv6_gg_",
|
|
30
|
+
"__SInner": "___SInner_14wv6_gg_",
|
|
31
|
+
"__SInputMask": "___SInputMask_14wv6_gg_",
|
|
32
|
+
"_animationsDisabled": "__animationsDisabled_14wv6_gg_",
|
|
33
|
+
"__SIndicator": "___SIndicator_14wv6_gg_",
|
|
34
|
+
"__SRangeIndicator": "___SRangeIndicator_14wv6_gg_",
|
|
35
|
+
"_range_value": "_range_value_14wv6_gg_",
|
|
36
|
+
"_range_compare": "_range_compare_14wv6_gg_",
|
|
37
|
+
"_disabled": "__disabled_14wv6_gg_",
|
|
38
|
+
"__SHumanizedDate": "___SHumanizedDate_14wv6_gg_",
|
|
39
|
+
"__SMask": "___SMask_14wv6_gg_",
|
|
40
|
+
"__SSingleDateInput": "___SSingleDateInput_14wv6_gg_",
|
|
41
|
+
"__SValue": "___SValue_14wv6_gg_",
|
|
42
|
+
"__SDateRange": "___SDateRange_14wv6_gg_",
|
|
43
|
+
"_noHumanizedDate": "__noHumanizedDate_14wv6_gg_",
|
|
44
|
+
"__SRangeSep": "___SRangeSep_14wv6_gg_",
|
|
45
|
+
"_fulfilled": "__fulfilled_14wv6_gg_",
|
|
46
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_14wv6_gg_",
|
|
47
|
+
"__SRangeCalendar": "___SRangeCalendar_14wv6_gg_",
|
|
48
|
+
"__SFooter": "___SFooter_14wv6_gg_",
|
|
49
|
+
"__SPeriodsList": "___SPeriodsList_14wv6_gg_",
|
|
50
|
+
"__STooltip": "___STooltip_14wv6_gg_",
|
|
51
|
+
"__SCompareToggle": "___SCompareToggle_14wv6_gg_",
|
|
52
|
+
"__SPopper": "___SPopper_14wv6_gg_"
|
|
53
53
|
});
|
|
54
54
|
var INTERACTION_TAGS = ['INPUT'];
|
|
55
55
|
var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
|
|
@@ -62,6 +62,8 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
62
62
|
args[_key] = arguments[_key];
|
|
63
63
|
}
|
|
64
64
|
_this = (0, _callSuper2["default"])(this, PickerAbstract, [].concat(args));
|
|
65
|
+
(0, _defineProperty2["default"])(_this, "prevButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
66
|
+
(0, _defineProperty2["default"])(_this, "nextButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
65
67
|
(0, _defineProperty2["default"])(_this, "popperRef", /*#__PURE__*/_react["default"].createRef());
|
|
66
68
|
(0, _defineProperty2["default"])(_this, "unitRefs", {});
|
|
67
69
|
(0, _defineProperty2["default"])(_this, "navigateStep", void 0);
|
|
@@ -86,7 +88,9 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
86
88
|
highlighted = _this$asProps.highlighted,
|
|
87
89
|
_disabled = _this$asProps.disabled,
|
|
88
90
|
visible = _this$asProps.visible;
|
|
89
|
-
var key = e.key
|
|
91
|
+
var key = e.key,
|
|
92
|
+
target = e.target;
|
|
93
|
+
if ([' ', 'Enter'].includes(key) && [_this.prevButtonRef.current, _this.nextButtonRef.current].includes(target)) return;
|
|
90
94
|
if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {
|
|
91
95
|
e.stopPropagation();
|
|
92
96
|
_this.handlers.visible(!visible);
|
|
@@ -101,7 +105,7 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
101
105
|
var getCurrentHighlightedDay = function getCurrentHighlightedDay(day) {
|
|
102
106
|
return day.toDate();
|
|
103
107
|
};
|
|
104
|
-
if (place === 'popper' && (e.key === ' ' || e.key === 'Enter' && highlighted.length)
|
|
108
|
+
if (place === 'popper' && (e.key === ' ' || e.key === 'Enter') && highlighted.length) {
|
|
105
109
|
if (!_this.isDisabled(highlighted[0])) {
|
|
106
110
|
_this.handlers.value(highlighted[0]);
|
|
107
111
|
}
|
|
@@ -209,6 +213,7 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
209
213
|
var getI18nText = this.asProps.getI18nText;
|
|
210
214
|
var navigateStep = this.navigateStep;
|
|
211
215
|
return {
|
|
216
|
+
'ref': this.nextButtonRef,
|
|
212
217
|
'onClick': this.bindHandlerNavigateClick(1),
|
|
213
218
|
getI18nText: getI18nText,
|
|
214
219
|
'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear')
|
|
@@ -220,6 +225,7 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
220
225
|
var getI18nText = this.asProps.getI18nText;
|
|
221
226
|
var navigateStep = this.navigateStep;
|
|
222
227
|
return {
|
|
228
|
+
'ref': this.prevButtonRef,
|
|
223
229
|
'onClick': this.bindHandlerNavigateClick(-1),
|
|
224
230
|
getI18nText: getI18nText,
|
|
225
231
|
'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerAbstract.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_dropdown","_dayjs","_react","_intergalacticDynamicLocales","_formatDate","_includesDate","style","sstyled","insert","INTERACTION_TAGS","INTERACTION_KEYS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","place","e","_this$asProps","value","highlighted","_disabled","disabled","visible","key","includes","stopPropagation","setTimeout","popper","popperRef","current","focus","day","keyDiff","getCurrentHighlightedDay","isDisabled","preventDefault","target","tagName","current_highlighted","add","keyStep","current_day","_this$unitRefs$format","formatter","formatMMYY","formatDDMMYY","formattedDate","locale","unitRefs","_inherits2","_createClass2","uncontrolledProps","_this2","_this2$asProps","_this2$props","props","undefined","some","includesDate","getButtonTriggerProps","_this$asProps2","size","popoverVisible","empty","onKeyDown","handlerKeyDown","getPopperProps","Picker","CORE_INSTANCE","tabIndex","ref","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","getI18nText","bindHandlerNavigateClick","getPrevProps","getCalendarProps","_this$asProps3","onVisibleChange","onChange","renderOutdated","actionsDescribing","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 { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Dropdown from '@semcore/dropdown';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport style from '../style/date-picker.shadow.css';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\nimport { formatDDMMYY, formatMMYY } from '../utils/formatDate';\nimport { includesDate } from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\nconst INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];\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\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 popperRef = React.createRef();\n unitRefs = {};\n\n navigateStep;\n keyDiff;\n keyStep;\n\n uncontrolledProps() {\n return {\n displayedPeriod: null,\n visible: [\n null,\n (visible) => {\n const { value, displayedPeriod } = this.asProps;\n\n if (!visible) {\n this.handlers.highlighted([]);\n }\n\n if (visible) {\n if (value && value !== displayedPeriod) {\n this.handlers.displayedPeriod(value);\n } else if (!value) {\n const { displayedPeriod, defaultDisplayedPeriod } = this.props;\n this.handlers.displayedPeriod(displayedPeriod || defaultDisplayedPeriod);\n }\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 = (place) => (e) => {\n const { value, displayedPeriod, highlighted, disabled: _disabled, visible } = this.asProps;\n const key = e.key;\n\n if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {\n e.stopPropagation();\n this.handlers.visible(!visible);\n\n setTimeout(() => {\n const popper = this.popperRef.current;\n\n if (popper) {\n popper.focus();\n }\n }, 0);\n }\n\n const day = this.keyDiff[e.key];\n\n const getCurrentHighlightedDay = (day) => {\n return day.toDate();\n };\n\n if (place === 'popper' && (e.key === ' ' || (e.key === 'Enter' && highlighted.length))) {\n if (!this.isDisabled(highlighted[0])) {\n this.handlers.value(highlighted[0]);\n }\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 const formatter = this.keyStep === 'month' ? formatMMYY : formatDDMMYY;\n const formattedDate = formatter(current_day, this.asProps.locale);\n this.unitRefs[formattedDate]?.focus();\n }\n }\n };\n\n isDisabled(date) {\n const { disabled } = this.asProps;\n\n return disabled.some(includesDate(dayjs(date), 'date'));\n }\n\n getButtonTriggerProps() {\n const { value, size, visible } = this.asProps;\n\n return {\n popoverVisible: visible,\n size,\n empty: !value,\n onKeyDown: this.handlerKeyDown('trigger'),\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n tabIndex: 0,\n ref: this.popperRef,\n onKeyDown: this.handlerKeyDown('popper'),\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 const { getI18nText } = this.asProps;\n const { navigateStep } = this;\n\n return {\n 'onClick': this.bindHandlerNavigateClick(1),\n getI18nText,\n 'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear'),\n };\n }\n\n getPrevProps() {\n const { getI18nText } = this.asProps;\n const { navigateStep } = this;\n\n return {\n 'onClick': this.bindHandlerNavigateClick(-1),\n getI18nText,\n 'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear'),\n };\n }\n\n getCalendarProps() {\n const {\n locale,\n displayedPeriod,\n disabled,\n value,\n highlighted,\n onVisibleChange,\n onChange,\n getI18nText,\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 unitRefs: this.unitRefs,\n getI18nText,\n actionsDescribing: null,\n };\n }\n\n render() {\n const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n\n return (\n <>\n {sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n )}\n </>\n );\n }\n}\n\nexport default PickerAbstract;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AAGA,IAAAM,4BAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AAAqD;AAAA,IAAAS,KAAA,8BAAAV,KAAA,CAAAW,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAErD,IAAMC,gBAAgB,GAAG,CAAC,OAAO,CAAC;AAClC,IAAMC,gBAAgB,GAAG,CAAC,WAAW,EAAE,OAAO,EAAE,GAAG,CAAC;AAEpD,IAAMC,sBAAsB,GAAG,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAAC,IAEnEC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,cAAA;IAAA,SAAAI,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,OAAAQ,WAAA,mBAAAV,cAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,4BA0BNW,iBAAK,CAACC,SAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,cAClB,CAAC,CAAC;IAAA,IAAAU,gBAAA,aAAAV,KAAA;IAAA,IAAAU,gBAAA,aAAAV,KAAA;IAAA,IAAAU,gBAAA,aAAAV,KAAA;IAAA,IAAAU,gBAAA,aAAAV,KAAA,kBAyCE,UAACa,SAAS,EAAK;MAC5B,IAAQC,eAAe,GAAKd,KAAA,CAAKe,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,EAAEhB,KAAA,CAAKmB,YAAY,CAAC,CAACC,MAAM,CAAC,CAAC;MAC1EpB,KAAA,CAAKqB,QAAQ,CAACP,eAAe,CAACG,IAAI,CAAC;IACrC,CAAC;IAAA,IAAAP,gBAAA,aAAAV,KAAA,8BAE0B,UAACa,SAAS;MAAA,OAAK,YAAM;QAC9Cb,KAAA,CAAKsB,YAAY,CAACT,SAAS,CAAC;MAC9B,CAAC;IAAA;IAAA,IAAAH,gBAAA,aAAAV,KAAA,oBAEgB,UAACuB,KAAK;MAAA,OAAK,UAACC,CAAC,EAAK;QACjC,IAAAC,aAAA,GAA8EzB,KAAA,CAAKe,OAAO;UAAlFW,KAAK,GAAAD,aAAA,CAALC,KAAK;UAAEZ,eAAe,GAAAW,aAAA,CAAfX,eAAe;UAAEa,WAAW,GAAAF,aAAA,CAAXE,WAAW;UAAYC,SAAS,GAAAH,aAAA,CAAnBI,QAAQ;UAAaC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QACzE,IAAMC,GAAG,GAAGP,CAAC,CAACO,GAAG;QAEjB,IAAIR,KAAK,KAAK,SAAS,IAAI7B,gBAAgB,CAACsC,QAAQ,CAACD,GAAG,CAAC,EAAE;UACzDP,CAAC,CAACS,eAAe,CAAC,CAAC;UACnBjC,KAAA,CAAKqB,QAAQ,CAACS,OAAO,CAAC,CAACA,OAAO,CAAC;UAE/BI,UAAU,CAAC,YAAM;YACf,IAAMC,MAAM,GAAGnC,KAAA,CAAKoC,SAAS,CAACC,OAAO;YAErC,IAAIF,MAAM,EAAE;cACVA,MAAM,CAACG,KAAK,CAAC,CAAC;YAChB;UACF,CAAC,EAAE,CAAC,CAAC;QACP;QAEA,IAAMC,GAAG,GAAGvC,KAAA,CAAKwC,OAAO,CAAChB,CAAC,CAACO,GAAG,CAAC;QAE/B,IAAMU,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIF,GAAG,EAAK;UACxC,OAAOA,GAAG,CAACnB,MAAM,CAAC,CAAC;QACrB,CAAC;QAED,IAAIG,KAAK,KAAK,QAAQ,KAAKC,CAAC,CAACO,GAAG,KAAK,GAAG,IAAKP,CAAC,CAACO,GAAG,KAAK,OAAO,IAAIJ,WAAW,CAACvB,MAAO,CAAC,EAAE;UACtF,IAAI,CAACJ,KAAA,CAAK0C,UAAU,CAACf,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;YACpC3B,KAAA,CAAKqB,QAAQ,CAACK,KAAK,CAACC,WAAW,CAAC,CAAC,CAAC,CAAC;UACrC;UACAH,CAAC,CAACmB,cAAc,CAAC,CAAC;QACpB;QACA,IAAIJ,GAAG,EAAE;UACP,IAAI9C,gBAAgB,CAACuC,QAAQ,CAACR,CAAC,CAACoB,MAAM,CAACC,OAAO,CAAC,EAAE;UACjD,IAAMC,mBAAmB,GACvB,CAACnB,WAAW,CAAC,CAAC,CAAC,IAAI,CAACD,KAAK,GACrB,IAAAR,iBAAK,EAACS,WAAW,CAAC,CAAC,CAAC,IAAIb,eAAe,CAAC,GACxC,IAAAI,iBAAK,EAACJ,eAAe,CAAC,CAACiC,GAAG,CAACR,GAAG,EAAEvC,KAAA,CAAKgD,OAAO,CAAC;UACnD,IAAMC,WAAW,GACfR,wBAAwB,CAACK,mBAAmB,CAAC,IAC7CL,wBAAwB,CAAC,IAAAvB,iBAAK,EAACS,WAAW,CAAC,CAAC,CAAC,IAAIb,eAAe,CAAC,CAAC;UAEpE,IAAImC,WAAW,EAAE;YAAA,IAAAC,qBAAA;YACflD,KAAA,CAAKqB,QAAQ,CAACM,WAAW,CAAC,CAACsB,WAAW,CAAC,CAAC;YACxCjD,KAAA,CAAKqB,QAAQ,CAACP,eAAe,CAACmC,WAAW,CAAC;YAC1CzB,CAAC,CAACmB,cAAc,CAAC,CAAC;YAClB,IAAMQ,SAAS,GAAGnD,KAAA,CAAKgD,OAAO,KAAK,OAAO,GAAGI,sBAAU,GAAGC,wBAAY;YACtE,IAAMC,aAAa,GAAGH,SAAS,CAACF,WAAW,EAAEjD,KAAA,CAAKe,OAAO,CAACwC,MAAM,CAAC;YACjE,CAAAL,qBAAA,GAAAlD,KAAA,CAAKwD,QAAQ,CAACF,aAAa,CAAC,cAAAJ,qBAAA,eAA5BA,qBAAA,CAA8BZ,KAAK,CAAC,CAAC;UACvC;QACF;MACF,CAAC;IAAA;IAAA,OAAAtC,KAAA;EAAA;EAAA,IAAAyD,UAAA,aAAA3D,cAAA,EAAAC,UAAA;EAAA,WAAA2D,aAAA,aAAA5D,cAAA;IAAAiC,GAAA;IAAAL,KAAA,EA9FD,SAAAiC,iBAAiBA,CAAA,EAAG;MAAA,IAAAC,MAAA;MAClB,OAAO;QACL9C,eAAe,EAAE,IAAI;QACrBgB,OAAO,EAAE,CACP,IAAI,EACJ,UAACA,OAAO,EAAK;UACX,IAAA+B,cAAA,GAAmCD,MAAI,CAAC7C,OAAO;YAAvCW,KAAK,GAAAmC,cAAA,CAALnC,KAAK;YAAEZ,eAAe,GAAA+C,cAAA,CAAf/C,eAAe;UAE9B,IAAI,CAACgB,OAAO,EAAE;YACZ8B,MAAI,CAACvC,QAAQ,CAACM,WAAW,CAAC,EAAE,CAAC;UAC/B;UAEA,IAAIG,OAAO,EAAE;YACX,IAAIJ,KAAK,IAAIA,KAAK,KAAKZ,eAAe,EAAE;cACtC8C,MAAI,CAACvC,QAAQ,CAACP,eAAe,CAACY,KAAK,CAAC;YACtC,CAAC,MAAM,IAAI,CAACA,KAAK,EAAE;cACjB,IAAAoC,YAAA,GAAoDF,MAAI,CAACG,KAAK;gBAAtDjD,gBAAe,GAAAgD,YAAA,CAAfhD,eAAe;gBAAEnB,uBAAsB,GAAAmE,YAAA,CAAtBnE,sBAAsB;cAC/CiE,MAAI,CAACvC,QAAQ,CAACP,eAAe,CAACA,gBAAe,IAAInB,uBAAsB,CAAC;YAC1E;UACF;QACF,CAAC,CACF;QACDgC,WAAW,EAAE,IAAI;QACjBD,KAAK,EAAE,CACL,IAAI,EACJ,UAACA,KAAK,EAAK;UACT,IAAIA,KAAK,EAAE;YACTkC,MAAI,CAACvC,QAAQ,CAACS,OAAO,CAAC,KAAK,CAAC;UAC9B;UACA8B,MAAI,CAACvC,QAAQ,CAACP,eAAe,CAACY,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIsC,SAAS,CAAC;QACnD,CAAC;MAEL,CAAC;IACH;EAAC;IAAAjC,GAAA;IAAAL,KAAA,EA+DD,SAAAgB,UAAUA,CAACzB,IAAI,EAAE;MACf,IAAQY,QAAQ,GAAK,IAAI,CAACd,OAAO,CAAzBc,QAAQ;MAEhB,OAAOA,QAAQ,CAACoC,IAAI,CAAC,IAAAC,0BAAY,EAAC,IAAAhD,iBAAK,EAACD,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD;EAAC;IAAAc,GAAA;IAAAL,KAAA,EAED,SAAAyC,qBAAqBA,CAAA,EAAG;MACtB,IAAAC,cAAA,GAAiC,IAAI,CAACrD,OAAO;QAArCW,KAAK,GAAA0C,cAAA,CAAL1C,KAAK;QAAE2C,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEvC,OAAO,GAAAsC,cAAA,CAAPtC,OAAO;MAE5B,OAAO;QACLwC,cAAc,EAAExC,OAAO;QACvBuC,IAAI,EAAJA,IAAI;QACJE,KAAK,EAAE,CAAC7C,KAAK;QACb8C,SAAS,EAAE,IAAI,CAACC,cAAc,CAAC,SAAS;MAC1C,CAAC;IACH;EAAC;IAAA1C,GAAA;IAAAL,KAAA,EAED,SAAAgD,cAAcA,CAAA,EAAG;MACf,IAAMC,MAAM,GAAG,IAAI,CAACC,mBAAa,CAAC;MAClC,OAAO;QACLC,QAAQ,EAAE,CAAC;QACXC,GAAG,EAAE,IAAI,CAAC1C,SAAS;QACnBoC,SAAS,EAAE,IAAI,CAACC,cAAc,CAAC,QAAQ,CAAC;QACxCM,QAAQ,eACN7F,MAAA,YAAA8F,aAAA,CAAA9F,MAAA,YAAA+F,QAAA,qBACE/F,MAAA,YAAA8F,aAAA,CAACL,MAAM,CAACO,MAAM,MAAE,CAAC,eACjBhG,MAAA,YAAA8F,aAAA,CAACL,MAAM,CAACQ,QAAQ,MAAE,CAClB;MAEN,CAAC;IACH;EAAC;IAAApD,GAAA;IAAAL,KAAA,EAED,SAAA0D,cAAcA,CAAA,EAAG;MACf,IAAMT,MAAM,GAAG,IAAI,CAACC,mBAAa,CAAC;MAClC,OAAO;QACLG,QAAQ,eACN7F,MAAA,YAAA8F,aAAA,CAAA9F,MAAA,YAAA+F,QAAA,qBACE/F,MAAA,YAAA8F,aAAA,CAACL,MAAM,CAACU,IAAI,MAAE,CAAC,eACfnG,MAAA,YAAA8F,aAAA,CAACL,MAAM,CAACW,KAAK,MAAE,CAAC,eAChBpG,MAAA,YAAA8F,aAAA,CAACL,MAAM,CAACY,IAAI,MAAE,CACd;MAEN,CAAC;IACH;EAAC;IAAAxD,GAAA;IAAAL,KAAA,EAED,SAAA8D,aAAaA,CAAA,EAAG;MACd,OAAO,CAAC,CAAC;IACX;EAAC;IAAAzD,GAAA;IAAAL,KAAA,EAED,SAAA+D,YAAYA,CAAA,EAAG;MACb,IAAQC,WAAW,GAAK,IAAI,CAAC3E,OAAO,CAA5B2E,WAAW;MACnB,IAAQvE,YAAY,GAAK,IAAI,CAArBA,YAAY;MAEpB,OAAO;QACL,SAAS,EAAE,IAAI,CAACwE,wBAAwB,CAAC,CAAC,CAAC;QAC3CD,WAAW,EAAXA,WAAW;QACX,YAAY,EAAEvE,YAAY,KAAK,OAAO,GAAGuE,WAAW,CAAC,WAAW,CAAC,GAAGA,WAAW,CAAC,UAAU;MAC5F,CAAC;IACH;EAAC;IAAA3D,GAAA;IAAAL,KAAA,EAED,SAAAkE,YAAYA,CAAA,EAAG;MACb,IAAQF,WAAW,GAAK,IAAI,CAAC3E,OAAO,CAA5B2E,WAAW;MACnB,IAAQvE,YAAY,GAAK,IAAI,CAArBA,YAAY;MAEpB,OAAO;QACL,SAAS,EAAE,IAAI,CAACwE,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAC5CD,WAAW,EAAXA,WAAW;QACX,YAAY,EAAEvE,YAAY,KAAK,OAAO,GAAGuE,WAAW,CAAC,WAAW,CAAC,GAAGA,WAAW,CAAC,UAAU;MAC5F,CAAC;IACH;EAAC;IAAA3D,GAAA;IAAAL,KAAA,EAED,SAAAmE,gBAAgBA,CAAA,EAAG;MACjB,IAAAC,cAAA,GASI,IAAI,CAAC/E,OAAO;QARdwC,MAAM,GAAAuC,cAAA,CAANvC,MAAM;QACNzC,eAAe,GAAAgF,cAAA,CAAfhF,eAAe;QACfe,QAAQ,GAAAiE,cAAA,CAARjE,QAAQ;QACRH,KAAK,GAAAoE,cAAA,CAALpE,KAAK;QACLC,WAAW,GAAAmE,cAAA,CAAXnE,WAAW;QACXoE,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACfC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QACRN,WAAW,GAAAI,cAAA,CAAXJ,WAAW;MAEb,OAAO;QACLnC,MAAM,EAANA,MAAM;QACNzC,eAAe,EAAfA,eAAe;QACfe,QAAQ,EAARA,QAAQ;QACRmE,QAAQ,EAARA,QAAQ;QACRrE,WAAW,EAAXA,WAAW;QACXD,KAAK,EAAE,CAACA,KAAK,EAAEA,KAAK,CAAC;QACrBuE,cAAc,EAAE,IAAI;QACpBF,eAAe,EAAfA,eAAe;QACfvC,QAAQ,EAAE,IAAI,CAACA,QAAQ;QACvBkC,WAAW,EAAXA,WAAW;QACXQ,iBAAiB,EAAE;MACrB,CAAC;IACH;EAAC;IAAAnE,GAAA;IAAAL,KAAA,EAED,SAAAyE,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAArF,OAAA;QAAAsF,KAAA;MACP,IAAAC,cAAA,GAA8D,IAAI,CAACvF,OAAO;QAAlEwF,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAgBC,iBAAiB,GAAAH,cAAA,CAA/B,YAAY;MAEtC,oBACEpH,MAAA,YAAA8F,aAAA,CAAA9F,MAAA,YAAA+F,QAAA,SAAAoB,KAAA,GACG,IAAA9G,aAAO,EAACgH,MAAM,CAAC,eACdrH,MAAA,YAAA8F,aAAA,CACU0B,oBAAQ,MAAA9H,KAAA,CAAA+H,WAAA;QAAA,kBACAF,iBAAiB;QAAA,kBACjB,CAAC,UAAU,EAAE,OAAO;MAAC,GAAAL,IAAA,gBAErClH,MAAA,YAAA8F,aAAA,CAACwB,QAAQ,EAAAH,KAAA,CAAAO,EAAA,gBAAE,CACP,CAAC,CAET,CAAC;IAEP;EAAC;IAAA7E,GAAA;IAAAL,KAAA,EA/OD,SAAOmF,YAAYA,CAAAC,KAAA,EAA0B;MAAA,IAAvBpF,KAAK,GAAAoF,KAAA,CAALpF,KAAK;QAAEqF,YAAY,GAAAD,KAAA,CAAZC,YAAY;MACvC,OAAO;QACLC,IAAI,EAAEC,8CAAiB;QACvB1D,MAAM,EAAE,IAAI;QACZ5D,sBAAsB,EAAE+B,KAAK,IAAIqF,YAAY,IAAIpH,sBAAsB;QACvEoH,YAAY,EAAE,IAAI;QAClBG,cAAc,EAAE,KAAK;QACrBC,kBAAkB,EAAE,EAAE;QACtBtF,QAAQ,EAAE,EAAE;QACZwC,IAAI,EAAE;MACR,CAAC;IACH;EAAC;AAAA,EAd0B+C,eAAS;AAAA,IAAA1G,gBAAA,aAAhCZ,cAAc,iBACG,YAAY;AAAA,IAAAY,gBAAA,aAD7BZ,cAAc,WAEHR,KAAK;AAAA,IAAAoB,gBAAA,aAFhBZ,cAAc,aAgBD,CAAC,IAAAuH,uBAAW,EAACJ,8CAAiB,CAAC,CAAC;AAAA,IAAAvG,gBAAA,aAhB7CZ,cAAc,SAkBL,UAACmB,IAAI,EAAEqG,MAAM,EAAEC,IAAI,EAAK;EACnC,OAAO,IAAArG,iBAAK,EAACD,IAAI,CAAC,CAAC8B,GAAG,CAACuE,MAAM,EAAEC,IAAI,CAAC,CAACnG,MAAM,CAAC,CAAC;AAC/C,CAAC;AAAA,IAAAV,gBAAA,aApBGZ,cAAc,cAsBA,UAACmB,IAAI,EAAEqG,MAAM,EAAEC,IAAI,EAAK;EACxC,OAAO,IAAArG,iBAAK,EAACD,IAAI,CAAC,CAACuG,QAAQ,CAACF,MAAM,EAAEC,IAAI,CAAC,CAACnG,MAAM,CAAC,CAAC;AACpD,CAAC;AAAA,IAAAqG,QAAA,GAAAC,OAAA,cA6NY5H,cAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"PickerAbstract.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_dropdown","_dayjs","_react","_intergalacticDynamicLocales","_formatDate","_includesDate","style","sstyled","insert","INTERACTION_TAGS","INTERACTION_KEYS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","place","e","_this$asProps","value","highlighted","_disabled","disabled","visible","key","target","includes","prevButtonRef","current","nextButtonRef","stopPropagation","setTimeout","popper","popperRef","focus","day","keyDiff","getCurrentHighlightedDay","isDisabled","preventDefault","tagName","current_highlighted","add","keyStep","current_day","_this$unitRefs$format","formatter","formatMMYY","formatDDMMYY","formattedDate","locale","unitRefs","_inherits2","_createClass2","uncontrolledProps","_this2","_this2$asProps","_this2$props","props","undefined","some","includesDate","getButtonTriggerProps","_this$asProps2","size","popoverVisible","empty","onKeyDown","handlerKeyDown","getPopperProps","Picker","CORE_INSTANCE","tabIndex","ref","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","getI18nText","bindHandlerNavigateClick","getPrevProps","getCalendarProps","_this$asProps3","onVisibleChange","onChange","renderOutdated","actionsDescribing","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 { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Dropdown from '@semcore/dropdown';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport style from '../style/date-picker.shadow.css';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\nimport { formatDDMMYY, formatMMYY } from '../utils/formatDate';\nimport { includesDate } from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\nconst INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];\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\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 prevButtonRef = React.createRef();\n nextButtonRef = React.createRef();\n popperRef = React.createRef();\n unitRefs = {};\n\n navigateStep;\n keyDiff;\n keyStep;\n\n uncontrolledProps() {\n return {\n displayedPeriod: null,\n visible: [\n null,\n (visible) => {\n const { value, displayedPeriod } = this.asProps;\n\n if (!visible) {\n this.handlers.highlighted([]);\n }\n\n if (visible) {\n if (value && value !== displayedPeriod) {\n this.handlers.displayedPeriod(value);\n } else if (!value) {\n const { displayedPeriod, defaultDisplayedPeriod } = this.props;\n this.handlers.displayedPeriod(displayedPeriod || defaultDisplayedPeriod);\n }\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 = (place) => (e) => {\n const { value, displayedPeriod, highlighted, disabled: _disabled, visible } = this.asProps;\n const { key, target } = e;\n\n if ([' ', 'Enter'].includes(key) && [this.prevButtonRef.current, this.nextButtonRef.current].includes(target)) return;\n\n if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {\n e.stopPropagation();\n this.handlers.visible(!visible);\n\n setTimeout(() => {\n const popper = this.popperRef.current;\n\n if (popper) {\n popper.focus();\n }\n }, 0);\n }\n\n const day = this.keyDiff[e.key];\n\n const getCurrentHighlightedDay = (day) => {\n return day.toDate();\n };\n\n if (place === 'popper' && (e.key === ' ' || e.key === 'Enter') && highlighted.length) {\n if (!this.isDisabled(highlighted[0])) {\n this.handlers.value(highlighted[0]);\n }\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 const formatter = this.keyStep === 'month' ? formatMMYY : formatDDMMYY;\n const formattedDate = formatter(current_day, this.asProps.locale);\n this.unitRefs[formattedDate]?.focus();\n }\n }\n };\n\n isDisabled(date) {\n const { disabled } = this.asProps;\n\n return disabled.some(includesDate(dayjs(date), 'date'));\n }\n\n getButtonTriggerProps() {\n const { value, size, visible } = this.asProps;\n\n return {\n popoverVisible: visible,\n size,\n empty: !value,\n onKeyDown: this.handlerKeyDown('trigger'),\n };\n }\n\n getPopperProps() {\n const Picker = this[CORE_INSTANCE];\n return {\n tabIndex: 0,\n ref: this.popperRef,\n onKeyDown: this.handlerKeyDown('popper'),\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 const { getI18nText } = this.asProps;\n const { navigateStep } = this;\n\n return {\n 'ref': this.nextButtonRef,\n 'onClick': this.bindHandlerNavigateClick(1),\n getI18nText,\n 'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear'),\n };\n }\n\n getPrevProps() {\n const { getI18nText } = this.asProps;\n const { navigateStep } = this;\n\n return {\n 'ref': this.prevButtonRef,\n 'onClick': this.bindHandlerNavigateClick(-1),\n getI18nText,\n 'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear'),\n };\n }\n\n getCalendarProps() {\n const {\n locale,\n displayedPeriod,\n disabled,\n value,\n highlighted,\n onVisibleChange,\n onChange,\n getI18nText,\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 unitRefs: this.unitRefs,\n getI18nText,\n actionsDescribing: null,\n };\n }\n\n render() {\n const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n\n return (\n <>\n {sstyled(styles)(\n <Root\n render={Dropdown}\n use:aria-label={providedAriaLabel}\n __excludeProps={['onChange', 'value']}\n >\n <Children />\n </Root>,\n )}\n </>\n );\n }\n}\n\nexport default PickerAbstract;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,37 +25,37 @@ var _intergalacticDynamicLocales = require("../translations/__intergalactic-dyna
|
|
|
25
25
|
var _formatDate = require("../utils/formatDate");
|
|
26
26
|
var _includesDate = require("../utils/includesDate");
|
|
27
27
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
28
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
28
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPopper_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_14wv6_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_14wv6_gg_:active,.___SPopper_14wv6_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_14wv6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_14wv6_gg_,.___STitle_14wv6_gg_{display:flex;align-items:center}.___STitle_14wv6_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_14wv6_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_14wv6_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_14wv6_gg_ .___SInner_14wv6_gg_{justify-content:flex-start}.___SInputMask_14wv6_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_14wv6_gg_.__animationsDisabled_14wv6_gg_{transition:none}.___SInputMask_14wv6_gg_ .___SValue_14wv6_gg_{letter-spacing:0}.___SInputMask_14wv6_gg_ .___SValue_14wv6_gg_:focus{outline:0}.___SIndicator_14wv6_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_14wv6_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_14wv6_gg_._range_value_14wv6_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_14wv6_gg_._range_compare_14wv6_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_14wv6_gg_.__disabled_14wv6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_14wv6_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_14wv6_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_14wv6_gg_ .___SMask_14wv6_gg_,.___SDateRange_14wv6_gg_ .___SValue_14wv6_gg_,.___SSingleDateInput_14wv6_gg_ .___SMask_14wv6_gg_,.___SSingleDateInput_14wv6_gg_ .___SValue_14wv6_gg_{opacity:0}.___SSingleDateInput_14wv6_gg_:focus-within .___SHumanizedDate_14wv6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_14wv6_gg_:focus-within .___SMask_14wv6_gg_,.___SSingleDateInput_14wv6_gg_:focus-within .___SValue_14wv6_gg_{opacity:1}.___SDateRange_14wv6_gg_:focus-within .___SHumanizedDate_14wv6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_14wv6_gg_:focus-within .___SMask_14wv6_gg_,.___SDateRange_14wv6_gg_:focus-within .___SValue_14wv6_gg_{opacity:1}.___SInputMask_14wv6_gg_.__noHumanizedDate_14wv6_gg_ .___SMask_14wv6_gg_,.___SInputMask_14wv6_gg_.__noHumanizedDate_14wv6_gg_ .___SValue_14wv6_gg_{opacity:1}.___SDateRange_14wv6_gg_ .___SInputMask_14wv6_gg_:focus-within .___SMask_14wv6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_14wv6_gg_:focus-within .___SRangeSep_14wv6_gg_,.___SRangeSep_14wv6_gg_.__fulfilled_14wv6_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_14wv6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_14wv6_gg_,.___SRangeComparatorHeader_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_14wv6_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_14wv6_gg_,.___SPeriodsList_14wv6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_14wv6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_14wv6_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_14wv6_gg_{transition:none}}", /*__inner_css_end__*/"14wv6_gg_"),
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
{
|
|
31
|
-
"__SHeader": "
|
|
32
|
-
"__STitle": "
|
|
33
|
-
"__SToday": "
|
|
34
|
-
"__SPeriod": "
|
|
35
|
-
"__SButton": "
|
|
36
|
-
"__SInner": "
|
|
37
|
-
"__SInputMask": "
|
|
38
|
-
"_animationsDisabled": "
|
|
39
|
-
"__SIndicator": "
|
|
40
|
-
"__SRangeIndicator": "
|
|
41
|
-
"_range_value": "
|
|
42
|
-
"_range_compare": "
|
|
43
|
-
"_disabled": "
|
|
44
|
-
"__SHumanizedDate": "
|
|
45
|
-
"__SMask": "
|
|
46
|
-
"__SSingleDateInput": "
|
|
47
|
-
"__SValue": "
|
|
48
|
-
"__SDateRange": "
|
|
49
|
-
"_noHumanizedDate": "
|
|
50
|
-
"__SRangeSep": "
|
|
51
|
-
"_fulfilled": "
|
|
52
|
-
"__SRangeComparatorHeader": "
|
|
53
|
-
"__SRangeCalendar": "
|
|
54
|
-
"__SFooter": "
|
|
55
|
-
"__SPeriodsList": "
|
|
56
|
-
"__STooltip": "
|
|
57
|
-
"__SCompareToggle": "
|
|
58
|
-
"__SPopper": "
|
|
31
|
+
"__SHeader": "___SHeader_14wv6_gg_",
|
|
32
|
+
"__STitle": "___STitle_14wv6_gg_",
|
|
33
|
+
"__SToday": "___SToday_14wv6_gg_",
|
|
34
|
+
"__SPeriod": "___SPeriod_14wv6_gg_",
|
|
35
|
+
"__SButton": "___SButton_14wv6_gg_",
|
|
36
|
+
"__SInner": "___SInner_14wv6_gg_",
|
|
37
|
+
"__SInputMask": "___SInputMask_14wv6_gg_",
|
|
38
|
+
"_animationsDisabled": "__animationsDisabled_14wv6_gg_",
|
|
39
|
+
"__SIndicator": "___SIndicator_14wv6_gg_",
|
|
40
|
+
"__SRangeIndicator": "___SRangeIndicator_14wv6_gg_",
|
|
41
|
+
"_range_value": "_range_value_14wv6_gg_",
|
|
42
|
+
"_range_compare": "_range_compare_14wv6_gg_",
|
|
43
|
+
"_disabled": "__disabled_14wv6_gg_",
|
|
44
|
+
"__SHumanizedDate": "___SHumanizedDate_14wv6_gg_",
|
|
45
|
+
"__SMask": "___SMask_14wv6_gg_",
|
|
46
|
+
"__SSingleDateInput": "___SSingleDateInput_14wv6_gg_",
|
|
47
|
+
"__SValue": "___SValue_14wv6_gg_",
|
|
48
|
+
"__SDateRange": "___SDateRange_14wv6_gg_",
|
|
49
|
+
"_noHumanizedDate": "__noHumanizedDate_14wv6_gg_",
|
|
50
|
+
"__SRangeSep": "___SRangeSep_14wv6_gg_",
|
|
51
|
+
"_fulfilled": "__fulfilled_14wv6_gg_",
|
|
52
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_14wv6_gg_",
|
|
53
|
+
"__SRangeCalendar": "___SRangeCalendar_14wv6_gg_",
|
|
54
|
+
"__SFooter": "___SFooter_14wv6_gg_",
|
|
55
|
+
"__SPeriodsList": "___SPeriodsList_14wv6_gg_",
|
|
56
|
+
"__STooltip": "___STooltip_14wv6_gg_",
|
|
57
|
+
"__SCompareToggle": "___SCompareToggle_14wv6_gg_",
|
|
58
|
+
"__SPopper": "___SPopper_14wv6_gg_"
|
|
59
59
|
});
|
|
60
60
|
var INTERACTION_TAGS = ['INPUT'];
|
|
61
61
|
var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
|
|
@@ -76,7 +76,12 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
76
76
|
args[_key] = arguments[_key];
|
|
77
77
|
}
|
|
78
78
|
_this = (0, _callSuper2["default"])(this, RangePickerAbstract, [].concat(args));
|
|
79
|
+
(0, _defineProperty2["default"])(_this, "applyButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
80
|
+
(0, _defineProperty2["default"])(_this, "resetButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
81
|
+
(0, _defineProperty2["default"])(_this, "prevButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
82
|
+
(0, _defineProperty2["default"])(_this, "nextButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
79
83
|
(0, _defineProperty2["default"])(_this, "popperRef", /*#__PURE__*/_react["default"].createRef());
|
|
84
|
+
(0, _defineProperty2["default"])(_this, "periodRefs", []);
|
|
80
85
|
(0, _defineProperty2["default"])(_this, "unitRefs", {});
|
|
81
86
|
(0, _defineProperty2["default"])(_this, "navigateStep", void 0);
|
|
82
87
|
(0, _defineProperty2["default"])(_this, "keyDiff", void 0);
|
|
@@ -99,7 +104,9 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
99
104
|
highlighted = _this$asProps.highlighted,
|
|
100
105
|
preselectedValue = _this$asProps.preselectedValue,
|
|
101
106
|
visible = _this$asProps.visible;
|
|
102
|
-
var key = e.key
|
|
107
|
+
var key = e.key,
|
|
108
|
+
target = e.target;
|
|
109
|
+
if ([' ', 'Enter'].includes(key) && [_this.prevButtonRef.current, _this.nextButtonRef.current].includes(target)) return;
|
|
103
110
|
if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {
|
|
104
111
|
e.stopPropagation();
|
|
105
112
|
_this.handlers.visible(!visible);
|
|
@@ -135,7 +142,13 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
135
142
|
if (place === 'popper' && e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
|
|
136
143
|
return _this.handleApplyClick();
|
|
137
144
|
}
|
|
138
|
-
|
|
145
|
+
var isPeriodTarget = _this.periodRefs.find(function (el) {
|
|
146
|
+
return el === target;
|
|
147
|
+
});
|
|
148
|
+
var isResetButtonTarget = target === _this.resetButtonRef.current;
|
|
149
|
+
var isApplyButtonTarget = target === _this.applyButtonRef.current;
|
|
150
|
+
var areTargetedControls = isPeriodTarget || isResetButtonTarget || isApplyButtonTarget;
|
|
151
|
+
if (place === 'popper' && e.key === ' ' && highlighted.length && !areTargetedControls) {
|
|
139
152
|
var highlightedDate = highlighted[1] || highlighted[0];
|
|
140
153
|
if (!_this.isDisabled(highlightedDate)) {
|
|
141
154
|
_this.handleChange(highlightedDate);
|
|
@@ -334,6 +347,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
334
347
|
var getI18nText = this.asProps.getI18nText;
|
|
335
348
|
var navigateStep = this.navigateStep;
|
|
336
349
|
return {
|
|
350
|
+
'ref': this.nextButtonRef,
|
|
337
351
|
'onClick': this.bindHandlerNavigateClick(1),
|
|
338
352
|
getI18nText: getI18nText,
|
|
339
353
|
'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear')
|
|
@@ -345,6 +359,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
345
359
|
var getI18nText = this.asProps.getI18nText;
|
|
346
360
|
var navigateStep = this.navigateStep;
|
|
347
361
|
return {
|
|
362
|
+
'ref': this.prevButtonRef,
|
|
348
363
|
'onClick': this.bindHandlerNavigateClick(-1),
|
|
349
364
|
getI18nText: getI18nText,
|
|
350
365
|
'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear')
|
|
@@ -381,6 +396,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
381
396
|
}, {
|
|
382
397
|
key: "getPeriodProps",
|
|
383
398
|
value: function getPeriodProps() {
|
|
399
|
+
var _this3 = this;
|
|
384
400
|
var _this$asProps7 = this.asProps,
|
|
385
401
|
_this$asProps7$period = _this$asProps7.periods,
|
|
386
402
|
periods = _this$asProps7$period === void 0 ? this.getDefaultPeriods() : _this$asProps7$period,
|
|
@@ -396,7 +412,13 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
396
412
|
onHighlightedChange: onHighlightedChange,
|
|
397
413
|
onDisplayedPeriodChange: onDisplayedPeriodChange,
|
|
398
414
|
'role': 'listbox',
|
|
399
|
-
'aria-label': getI18nText('periods')
|
|
415
|
+
'aria-label': getI18nText('periods'),
|
|
416
|
+
'periodRef': function periodRef(index) {
|
|
417
|
+
return function (element) {
|
|
418
|
+
if (!element) return;
|
|
419
|
+
_this3.periodRefs[index] = element;
|
|
420
|
+
};
|
|
421
|
+
}
|
|
400
422
|
};
|
|
401
423
|
}
|
|
402
424
|
}, {
|
|
@@ -405,19 +427,21 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
|
|
|
405
427
|
var getI18nText = this.asProps.getI18nText;
|
|
406
428
|
return {
|
|
407
429
|
getI18nText: getI18nText,
|
|
408
|
-
onClick: this.handleApplyClick
|
|
430
|
+
onClick: this.handleApplyClick,
|
|
431
|
+
ref: this.applyButtonRef
|
|
409
432
|
};
|
|
410
433
|
}
|
|
411
434
|
}, {
|
|
412
435
|
key: "getResetProps",
|
|
413
436
|
value: function getResetProps() {
|
|
414
|
-
var
|
|
437
|
+
var _this4 = this;
|
|
415
438
|
var getI18nText = this.asProps.getI18nText;
|
|
416
439
|
return {
|
|
417
440
|
getI18nText: getI18nText,
|
|
418
441
|
onClick: function onClick() {
|
|
419
|
-
return
|
|
420
|
-
}
|
|
442
|
+
return _this4.handleApply([]);
|
|
443
|
+
},
|
|
444
|
+
ref: this.resetButtonRef
|
|
421
445
|
};
|
|
422
446
|
}
|
|
423
447
|
}, {
|