@semcore/date-picker 16.3.0-prerelease.3 → 16.3.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/lib/cjs/DatePicker.js +2 -2
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangeComparator.js +12 -12
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +11 -11
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/components/Calendar.js +29 -31
- package/lib/cjs/components/Calendar.js.map +1 -1
- package/lib/cjs/components/DateRangeComparatorAbstract.js +33 -33
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +40 -38
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +29 -29
- package/lib/cjs/components/RangePickerAbstract.js +35 -35
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +4 -4
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/calendar.shadow.css +1 -1
- package/lib/es6/DatePicker.js +1 -1
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangeComparator.js +1 -1
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +1 -1
- package/lib/es6/MonthDateRangeComparator.js.map +1 -1
- package/lib/es6/components/Calendar.js +22 -24
- package/lib/es6/components/Calendar.js.map +1 -1
- package/lib/es6/components/DateRangeComparatorAbstract.js +30 -30
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +37 -35
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +29 -29
- package/lib/es6/components/RangePickerAbstract.js +30 -30
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +1 -1
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/calendar.shadow.css +1 -1
- package/lib/esm/DatePicker.mjs +2 -2
- package/lib/esm/DateRangeComparator.mjs +2 -2
- package/lib/esm/DateRangePicker.mjs +1 -1
- package/lib/esm/MonthDateRangeComparator.mjs +2 -2
- package/lib/esm/MonthPicker.mjs +1 -1
- package/lib/esm/MonthRangePicker.mjs +1 -1
- package/lib/esm/components/ButtonTrigger.mjs +1 -1
- package/lib/esm/components/Calendar.mjs +24 -26
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +31 -31
- package/lib/esm/components/InputTrigger.mjs +40 -67
- package/lib/esm/components/PickerAbstract.mjs +32 -34
- package/lib/esm/components/RangePickerAbstract.mjs +32 -32
- package/lib/esm/components/index.mjs +1 -1
- package/lib/esm/style/calendar.shadow.css +1 -1
- package/lib/esm/utils/shortDateRangeFormat.mjs +1 -2
- package/lib/types/index.d.ts +2 -44
- package/package.json +17 -17
|
@@ -6,12 +6,12 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
|
6
6
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
8
|
import { sstyled, assignProps, Component } from "@semcore/core";
|
|
9
|
+
import { Flex } from "@semcore/base-components";
|
|
9
10
|
import { LinkTrigger } from "@semcore/base-trigger";
|
|
10
11
|
import Button from "@semcore/button";
|
|
11
12
|
import Checkbox from "@semcore/checkbox";
|
|
12
13
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
13
14
|
import Dropdown from "@semcore/dropdown";
|
|
14
|
-
import { Flex } from "@semcore/flex-box";
|
|
15
15
|
import dayjs from "dayjs";
|
|
16
16
|
import React from "react";
|
|
17
17
|
import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
|
|
@@ -23,39 +23,39 @@ var style = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
(sstyled.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
".
|
|
26
|
+
".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
"
|
|
28
|
+
"1h6ds_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_1h6ds_gg_",
|
|
32
|
+
"__STitle": "___STitle_1h6ds_gg_",
|
|
33
|
+
"__SToday": "___SToday_1h6ds_gg_",
|
|
34
|
+
"__SPeriod": "___SPeriod_1h6ds_gg_",
|
|
35
|
+
"__SButton": "___SButton_1h6ds_gg_",
|
|
36
|
+
"__SInner": "___SInner_1h6ds_gg_",
|
|
37
|
+
"__SInputMask": "___SInputMask_1h6ds_gg_",
|
|
38
|
+
"_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
|
|
39
|
+
"__SIndicator": "___SIndicator_1h6ds_gg_",
|
|
40
|
+
"__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
|
|
41
|
+
"_range_value": "_range_value_1h6ds_gg_",
|
|
42
|
+
"_range_compare": "_range_compare_1h6ds_gg_",
|
|
43
|
+
"_disabled": "__disabled_1h6ds_gg_",
|
|
44
|
+
"__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
|
|
45
|
+
"__SMask": "___SMask_1h6ds_gg_",
|
|
46
|
+
"__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
|
|
47
|
+
"__SValue": "___SValue_1h6ds_gg_",
|
|
48
|
+
"__SDateRange": "___SDateRange_1h6ds_gg_",
|
|
49
|
+
"_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
|
|
50
|
+
"__SRangeSep": "___SRangeSep_1h6ds_gg_",
|
|
51
|
+
"_fulfilled": "__fulfilled_1h6ds_gg_",
|
|
52
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
|
|
53
|
+
"__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
|
|
54
|
+
"__SFooter": "___SFooter_1h6ds_gg_",
|
|
55
|
+
"__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
|
|
56
|
+
"__STooltip": "___STooltip_1h6ds_gg_",
|
|
57
|
+
"__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
|
|
58
|
+
"__SPopper": "___SPopper_1h6ds_gg_"
|
|
59
59
|
})
|
|
60
60
|
);
|
|
61
61
|
var INTERACTION_TAGS = ["INPUT"];
|
|
@@ -8,58 +8,57 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
8
8
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
9
9
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
10
10
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
11
|
-
import {
|
|
11
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
12
|
+
import { Box, NeighborLocation, Flex } from "@semcore/base-components";
|
|
12
13
|
import BaseTrigger from "@semcore/base-trigger";
|
|
13
14
|
import assignProps$1 from "@semcore/core/lib/utils/assignProps";
|
|
14
15
|
import useEnhancedEffect from "@semcore/core/lib/utils/use/useEnhancedEffect";
|
|
15
|
-
import { Box, Flex } from "@semcore/flex-box";
|
|
16
16
|
import Calendar from "@semcore/icon/Calendar/m";
|
|
17
17
|
import InputMask from "@semcore/input-mask";
|
|
18
|
-
import NeighborLocation from "@semcore/neighbor-location";
|
|
19
18
|
import Tooltip from "@semcore/tooltip";
|
|
20
19
|
import dayjs from "dayjs";
|
|
21
20
|
import React from "react";
|
|
22
21
|
import { datesIntersects } from "../utils/datesIntersects.mjs";
|
|
23
22
|
import { includesDate } from "../utils/includesDate.mjs";
|
|
24
|
-
var _excluded = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded2 = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded3 = ["value", "onChange", "onDisplayedPeriodChange", "locale", "w", "ariaHasPopup", "showError"], _excluded4 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "showError"], _excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "inputId", "showError"], _excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "getI18nText", "inputId", "inputRole", "__excludeProps", "Root"];
|
|
23
|
+
var _excluded = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded2 = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded3 = ["value", "onChange", "onDisplayedPeriodChange", "locale", "w", "ariaHasPopup", "showError", "neighborLocation"], _excluded4 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "showError", "neighborLocation"], _excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "inputId", "showError", "neighborLocation"], _excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "getI18nText", "inputId", "inputRole", "__excludeProps", "Root"];
|
|
25
24
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
26
25
|
var style = (
|
|
27
26
|
/*__reshadow_css_start__*/
|
|
28
27
|
(sstyled.insert(
|
|
29
28
|
/*__inner_css_start__*/
|
|
30
|
-
".
|
|
29
|
+
".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
|
|
31
30
|
/*__inner_css_end__*/
|
|
32
|
-
"
|
|
31
|
+
"1h6ds_gg_"
|
|
33
32
|
), /*__reshadow_css_end__*/
|
|
34
33
|
{
|
|
35
|
-
"__SHeader": "
|
|
36
|
-
"__STitle": "
|
|
37
|
-
"__SToday": "
|
|
38
|
-
"__SPeriod": "
|
|
39
|
-
"__SButton": "
|
|
40
|
-
"__SInner": "
|
|
41
|
-
"__SInputMask": "
|
|
42
|
-
"_animationsDisabled": "
|
|
43
|
-
"__SIndicator": "
|
|
44
|
-
"__SRangeIndicator": "
|
|
45
|
-
"_range_value": "
|
|
46
|
-
"_range_compare": "
|
|
47
|
-
"_disabled": "
|
|
48
|
-
"__SHumanizedDate": "
|
|
49
|
-
"__SMask": "
|
|
50
|
-
"__SSingleDateInput": "
|
|
51
|
-
"__SValue": "
|
|
52
|
-
"__SDateRange": "
|
|
53
|
-
"_noHumanizedDate": "
|
|
54
|
-
"__SRangeSep": "
|
|
55
|
-
"_fulfilled": "
|
|
56
|
-
"__SRangeComparatorHeader": "
|
|
57
|
-
"__SRangeCalendar": "
|
|
58
|
-
"__SFooter": "
|
|
59
|
-
"__SPeriodsList": "
|
|
60
|
-
"__STooltip": "
|
|
61
|
-
"__SCompareToggle": "
|
|
62
|
-
"__SPopper": "
|
|
34
|
+
"__SHeader": "___SHeader_1h6ds_gg_",
|
|
35
|
+
"__STitle": "___STitle_1h6ds_gg_",
|
|
36
|
+
"__SToday": "___SToday_1h6ds_gg_",
|
|
37
|
+
"__SPeriod": "___SPeriod_1h6ds_gg_",
|
|
38
|
+
"__SButton": "___SButton_1h6ds_gg_",
|
|
39
|
+
"__SInner": "___SInner_1h6ds_gg_",
|
|
40
|
+
"__SInputMask": "___SInputMask_1h6ds_gg_",
|
|
41
|
+
"_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
|
|
42
|
+
"__SIndicator": "___SIndicator_1h6ds_gg_",
|
|
43
|
+
"__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
|
|
44
|
+
"_range_value": "_range_value_1h6ds_gg_",
|
|
45
|
+
"_range_compare": "_range_compare_1h6ds_gg_",
|
|
46
|
+
"_disabled": "__disabled_1h6ds_gg_",
|
|
47
|
+
"__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
|
|
48
|
+
"__SMask": "___SMask_1h6ds_gg_",
|
|
49
|
+
"__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
|
|
50
|
+
"__SValue": "___SValue_1h6ds_gg_",
|
|
51
|
+
"__SDateRange": "___SDateRange_1h6ds_gg_",
|
|
52
|
+
"_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
|
|
53
|
+
"__SRangeSep": "___SRangeSep_1h6ds_gg_",
|
|
54
|
+
"_fulfilled": "__fulfilled_1h6ds_gg_",
|
|
55
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
|
|
56
|
+
"__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
|
|
57
|
+
"__SFooter": "___SFooter_1h6ds_gg_",
|
|
58
|
+
"__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
|
|
59
|
+
"__STooltip": "___STooltip_1h6ds_gg_",
|
|
60
|
+
"__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
|
|
61
|
+
"__SPopper": "___SPopper_1h6ds_gg_"
|
|
63
62
|
})
|
|
64
63
|
);
|
|
65
64
|
var defaultAllowedParts = {
|
|
@@ -77,14 +76,7 @@ var InputTriggerRoot = /* @__PURE__ */ (function(_Component) {
|
|
|
77
76
|
return _createClass(InputTriggerRoot2, [{
|
|
78
77
|
key: "getSingleDateInputProps",
|
|
79
78
|
value: function getSingleDateInputProps() {
|
|
80
|
-
var _this$asProps = this.asProps;
|
|
81
|
-
_this$asProps.children;
|
|
82
|
-
var id = _this$asProps.id;
|
|
83
|
-
_this$asProps.role;
|
|
84
|
-
var ariaHasPopup = _this$asProps["aria-haspopup"];
|
|
85
|
-
_this$asProps["aria-label"];
|
|
86
|
-
_this$asProps.style;
|
|
87
|
-
var otherProps = _objectWithoutProperties(_this$asProps, _excluded);
|
|
79
|
+
var _this$asProps = this.asProps, _children = _this$asProps.children, id = _this$asProps.id, _role = _this$asProps.role, ariaHasPopup = _this$asProps["aria-haspopup"], _ariaLabel = _this$asProps["aria-label"], _style = _this$asProps.style, otherProps = _objectWithoutProperties(_this$asProps, _excluded);
|
|
88
80
|
return _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
89
81
|
ariaHasPopup,
|
|
90
82
|
inputId: id
|
|
@@ -93,14 +85,7 @@ var InputTriggerRoot = /* @__PURE__ */ (function(_Component) {
|
|
|
93
85
|
}, {
|
|
94
86
|
key: "getDateRangeProps",
|
|
95
87
|
value: function getDateRangeProps() {
|
|
96
|
-
var _this$asProps2 = this.asProps;
|
|
97
|
-
_this$asProps2.children;
|
|
98
|
-
var id = _this$asProps2.id;
|
|
99
|
-
_this$asProps2.role;
|
|
100
|
-
var ariaHasPopup = _this$asProps2["aria-haspopup"];
|
|
101
|
-
_this$asProps2["aria-label"];
|
|
102
|
-
_this$asProps2.style;
|
|
103
|
-
var otherProps = _objectWithoutProperties(_this$asProps2, _excluded2);
|
|
88
|
+
var _this$asProps2 = this.asProps, _children = _this$asProps2.children, id = _this$asProps2.id, _rolw = _this$asProps2.role, ariaHasPopup = _this$asProps2["aria-haspopup"], _ariaLabel = _this$asProps2["aria-label"], _style = _this$asProps2.style, otherProps = _objectWithoutProperties(_this$asProps2, _excluded2);
|
|
104
89
|
return _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
105
90
|
ariaHasPopup,
|
|
106
91
|
inputId: id
|
|
@@ -187,11 +172,7 @@ var SingleDateInputRoot = /* @__PURE__ */ (function(_Component2) {
|
|
|
187
172
|
}, {
|
|
188
173
|
key: "getMaskedInputProps",
|
|
189
174
|
value: function getMaskedInputProps() {
|
|
190
|
-
var _this$asProps4 = this.asProps, value = _this$asProps4.value, onChange = _this$asProps4.onChange, onDisplayedPeriodChange = _this$asProps4.onDisplayedPeriodChange, locale = _this$asProps4.locale;
|
|
191
|
-
_this$asProps4.w;
|
|
192
|
-
_this$asProps4.ariaHasPopup;
|
|
193
|
-
_this$asProps4.showError;
|
|
194
|
-
var otherProps = _objectWithoutProperties(_this$asProps4, _excluded3);
|
|
175
|
+
var _this$asProps4 = this.asProps, value = _this$asProps4.value, onChange = _this$asProps4.onChange, onDisplayedPeriodChange = _this$asProps4.onDisplayedPeriodChange, locale = _this$asProps4.locale, _w = _this$asProps4.w, _ariaHasPopup = _this$asProps4.ariaHasPopup, _showError = _this$asProps4.showError, neighborLocation = _this$asProps4.neighborLocation, otherProps = _objectWithoutProperties(_this$asProps4, _excluded3);
|
|
195
176
|
return _objectSpread({
|
|
196
177
|
"date": value,
|
|
197
178
|
"onDateChange": onChange,
|
|
@@ -374,9 +355,7 @@ var DateRangeRoot = /* @__PURE__ */ (function(_Component3) {
|
|
|
374
355
|
}, {
|
|
375
356
|
key: "getFromMaskedInputProps",
|
|
376
357
|
value: function getFromMaskedInputProps() {
|
|
377
|
-
var _this$asProps6 = this.asProps, value = _this$asProps6.value, locale = _this$asProps6.locale, onDisplayedPeriodChange = _this$asProps6.onDisplayedPeriodChange, ariaHasPopup = _this$asProps6.ariaHasPopup;
|
|
378
|
-
_this$asProps6.showError;
|
|
379
|
-
var otherProps = _objectWithoutProperties(_this$asProps6, _excluded4);
|
|
358
|
+
var _this$asProps6 = this.asProps, value = _this$asProps6.value, locale = _this$asProps6.locale, onDisplayedPeriodChange = _this$asProps6.onDisplayedPeriodChange, ariaHasPopup = _this$asProps6.ariaHasPopup, _showError = _this$asProps6.showError, neighborLocation = _this$asProps6.neighborLocation, otherProps = _objectWithoutProperties(_this$asProps6, _excluded4);
|
|
380
359
|
return assignProps$1({
|
|
381
360
|
"ref": this.fromRef,
|
|
382
361
|
"date": value === null || value === void 0 ? void 0 : value[0],
|
|
@@ -393,10 +372,7 @@ var DateRangeRoot = /* @__PURE__ */ (function(_Component3) {
|
|
|
393
372
|
}, {
|
|
394
373
|
key: "getToMaskedInputProps",
|
|
395
374
|
value: function getToMaskedInputProps() {
|
|
396
|
-
var _this$asProps7 = this.asProps, value = _this$asProps7.value, locale = _this$asProps7.locale, onDisplayedPeriodChange = _this$asProps7.onDisplayedPeriodChange, ariaHasPopup = _this$asProps7.ariaHasPopup;
|
|
397
|
-
_this$asProps7.inputId;
|
|
398
|
-
_this$asProps7.showError;
|
|
399
|
-
var otherProps = _objectWithoutProperties(_this$asProps7, _excluded5);
|
|
375
|
+
var _this$asProps7 = this.asProps, value = _this$asProps7.value, locale = _this$asProps7.locale, onDisplayedPeriodChange = _this$asProps7.onDisplayedPeriodChange, ariaHasPopup = _this$asProps7.ariaHasPopup, _inputId = _this$asProps7.inputId, _showError = _this$asProps7.showError, neighborLocation = _this$asProps7.neighborLocation, otherProps = _objectWithoutProperties(_this$asProps7, _excluded5);
|
|
400
376
|
var ariaLabel = this.asProps.getI18nText("toDate", {
|
|
401
377
|
date: this.asProps.getI18nText("input")
|
|
402
378
|
});
|
|
@@ -505,10 +481,7 @@ function RangeSep(props) {
|
|
|
505
481
|
}
|
|
506
482
|
function MaskedInput(_ref14) {
|
|
507
483
|
var _ref13;
|
|
508
|
-
var outerValue = _ref14.date, onDateChange = _ref14.onDateChange, onDisplayedPeriodChange = _ref14.onDisplayedPeriodChange, locale = _ref14.locale, styles = _ref14.styles, _ref14$parts = _ref14.parts, allowedParts = _ref14$parts === void 0 ? defaultAllowedParts : _ref14$parts, disabledDates = _ref14.disabledDates, forwardRef = _ref14.forwardRef, providedPlaceholders = _ref14.placeholders, _ref14$labelPrefix = _ref14.labelPrefix, labelPrefix = _ref14$labelPrefix === void 0 ? "Date" : _ref14$labelPrefix, onMaskPipeBlock = _ref14.onMaskPipeBlock, containerFocused = _ref14.containerFocused, animationsDisabled = _ref14.animationsDisabled, getI18nText = _ref14.getI18nText, inputId = _ref14.inputId, _ref14$inputRole = _ref14.inputRole, inputRole = _ref14$inputRole === void 0 ? "combobox" : _ref14$inputRole;
|
|
509
|
-
_ref14.__excludeProps;
|
|
510
|
-
_ref14.Root;
|
|
511
|
-
var otherProps = _objectWithoutProperties(_ref14, _excluded6);
|
|
484
|
+
var outerValue = _ref14.date, onDateChange = _ref14.onDateChange, onDisplayedPeriodChange = _ref14.onDisplayedPeriodChange, locale = _ref14.locale, styles = _ref14.styles, _ref14$parts = _ref14.parts, allowedParts = _ref14$parts === void 0 ? defaultAllowedParts : _ref14$parts, disabledDates = _ref14.disabledDates, forwardRef = _ref14.forwardRef, providedPlaceholders = _ref14.placeholders, _ref14$labelPrefix = _ref14.labelPrefix, labelPrefix = _ref14$labelPrefix === void 0 ? "Date" : _ref14$labelPrefix, onMaskPipeBlock = _ref14.onMaskPipeBlock, containerFocused = _ref14.containerFocused, animationsDisabled = _ref14.animationsDisabled, getI18nText = _ref14.getI18nText, inputId = _ref14.inputId, _ref14$inputRole = _ref14.inputRole, inputRole = _ref14$inputRole === void 0 ? "combobox" : _ref14$inputRole, __excludeProps = _ref14.__excludeProps, _root = _ref14.Root, otherProps = _objectWithoutProperties(_ref14, _excluded6);
|
|
512
485
|
var ref = React.useRef();
|
|
513
486
|
var _React$useState = React.useState(void 0), _React$useState2 = _slicedToArray(_React$useState, 2), width = _React$useState2[0], setWidth = _React$useState2[1];
|
|
514
487
|
var placeholders = React.useMemo(function() {
|
|
@@ -808,7 +781,7 @@ function MaskedInput(_ref14) {
|
|
|
808
781
|
for (var _i3 = 0, _stringsToMeasure = stringsToMeasure; _i3 < _stringsToMeasure.length; _i3++) {
|
|
809
782
|
var string = _stringsToMeasure[_i3];
|
|
810
783
|
measureSpan.innerHTML = string;
|
|
811
|
-
widths.push(measureSpan.
|
|
784
|
+
widths.push(Math.ceil(measureSpan.getBoundingClientRect().width));
|
|
812
785
|
}
|
|
813
786
|
measureSpan.remove();
|
|
814
787
|
var maxWidth = Math.max.apply(Math, widths);
|
|
@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
3
3
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
|
-
import {
|
|
6
|
+
import { sstyled, CORE_INSTANCE, assignProps, Component } from "@semcore/core";
|
|
7
7
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
8
8
|
import Dropdown from "@semcore/dropdown";
|
|
9
9
|
import dayjs from "dayjs";
|
|
@@ -16,39 +16,39 @@ var style = (
|
|
|
16
16
|
/*__reshadow_css_start__*/
|
|
17
17
|
(sstyled.insert(
|
|
18
18
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
19
|
+
".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
|
|
20
20
|
/*__inner_css_end__*/
|
|
21
|
-
"
|
|
21
|
+
"1h6ds_gg_"
|
|
22
22
|
), /*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SHeader": "
|
|
25
|
-
"__STitle": "
|
|
26
|
-
"__SToday": "
|
|
27
|
-
"__SPeriod": "
|
|
28
|
-
"__SButton": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SInputMask": "
|
|
31
|
-
"_animationsDisabled": "
|
|
32
|
-
"__SIndicator": "
|
|
33
|
-
"__SRangeIndicator": "
|
|
34
|
-
"_range_value": "
|
|
35
|
-
"_range_compare": "
|
|
36
|
-
"_disabled": "
|
|
37
|
-
"__SHumanizedDate": "
|
|
38
|
-
"__SMask": "
|
|
39
|
-
"__SSingleDateInput": "
|
|
40
|
-
"__SValue": "
|
|
41
|
-
"__SDateRange": "
|
|
42
|
-
"_noHumanizedDate": "
|
|
43
|
-
"__SRangeSep": "
|
|
44
|
-
"_fulfilled": "
|
|
45
|
-
"__SRangeComparatorHeader": "
|
|
46
|
-
"__SRangeCalendar": "
|
|
47
|
-
"__SFooter": "
|
|
48
|
-
"__SPeriodsList": "
|
|
49
|
-
"__STooltip": "
|
|
50
|
-
"__SCompareToggle": "
|
|
51
|
-
"__SPopper": "
|
|
24
|
+
"__SHeader": "___SHeader_1h6ds_gg_",
|
|
25
|
+
"__STitle": "___STitle_1h6ds_gg_",
|
|
26
|
+
"__SToday": "___SToday_1h6ds_gg_",
|
|
27
|
+
"__SPeriod": "___SPeriod_1h6ds_gg_",
|
|
28
|
+
"__SButton": "___SButton_1h6ds_gg_",
|
|
29
|
+
"__SInner": "___SInner_1h6ds_gg_",
|
|
30
|
+
"__SInputMask": "___SInputMask_1h6ds_gg_",
|
|
31
|
+
"_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
|
|
32
|
+
"__SIndicator": "___SIndicator_1h6ds_gg_",
|
|
33
|
+
"__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
|
|
34
|
+
"_range_value": "_range_value_1h6ds_gg_",
|
|
35
|
+
"_range_compare": "_range_compare_1h6ds_gg_",
|
|
36
|
+
"_disabled": "__disabled_1h6ds_gg_",
|
|
37
|
+
"__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
|
|
38
|
+
"__SMask": "___SMask_1h6ds_gg_",
|
|
39
|
+
"__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
|
|
40
|
+
"__SValue": "___SValue_1h6ds_gg_",
|
|
41
|
+
"__SDateRange": "___SDateRange_1h6ds_gg_",
|
|
42
|
+
"_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
|
|
43
|
+
"__SRangeSep": "___SRangeSep_1h6ds_gg_",
|
|
44
|
+
"_fulfilled": "__fulfilled_1h6ds_gg_",
|
|
45
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
|
|
46
|
+
"__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
|
|
47
|
+
"__SFooter": "___SFooter_1h6ds_gg_",
|
|
48
|
+
"__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
|
|
49
|
+
"__STooltip": "___STooltip_1h6ds_gg_",
|
|
50
|
+
"__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
|
|
51
|
+
"__SPopper": "___SPopper_1h6ds_gg_"
|
|
52
52
|
})
|
|
53
53
|
);
|
|
54
54
|
var INTERACTION_TAGS = ["INPUT"];
|
|
@@ -82,9 +82,7 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
|
|
|
82
82
|
});
|
|
83
83
|
_defineProperty(_this, "handlerKeyDown", function(place) {
|
|
84
84
|
return function(e) {
|
|
85
|
-
var _this$asProps = _this.asProps, value = _this$asProps.value, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted;
|
|
86
|
-
_this$asProps.disabled;
|
|
87
|
-
var visible = _this$asProps.visible;
|
|
85
|
+
var _this$asProps = _this.asProps, value = _this$asProps.value, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted, _disabled = _this$asProps.disabled, visible = _this$asProps.visible;
|
|
88
86
|
var key = e.key, target = e.target;
|
|
89
87
|
if ([" ", "Enter"].includes(key) && [_this.prevButtonRef.current, _this.nextButtonRef.current].includes(target)) return;
|
|
90
88
|
if (place === "trigger" && INTERACTION_KEYS.includes(key)) {
|
|
@@ -4,12 +4,12 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
6
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, CORE_INSTANCE, assignProps, Component } from "@semcore/core";
|
|
8
|
+
import { Flex, Box } from "@semcore/base-components";
|
|
8
9
|
import Button from "@semcore/button";
|
|
9
10
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
10
11
|
import Divider from "@semcore/divider";
|
|
11
12
|
import Dropdown from "@semcore/dropdown";
|
|
12
|
-
import { Flex, Box } from "@semcore/flex-box";
|
|
13
13
|
import dayjs from "dayjs";
|
|
14
14
|
import React from "react";
|
|
15
15
|
import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
|
|
@@ -20,39 +20,39 @@ var style = (
|
|
|
20
20
|
/*__reshadow_css_start__*/
|
|
21
21
|
(sstyled.insert(
|
|
22
22
|
/*__inner_css_start__*/
|
|
23
|
-
".
|
|
23
|
+
".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
|
|
24
24
|
/*__inner_css_end__*/
|
|
25
|
-
"
|
|
25
|
+
"1h6ds_gg_"
|
|
26
26
|
), /*__reshadow_css_end__*/
|
|
27
27
|
{
|
|
28
|
-
"__SHeader": "
|
|
29
|
-
"__STitle": "
|
|
30
|
-
"__SToday": "
|
|
31
|
-
"__SPeriod": "
|
|
32
|
-
"__SButton": "
|
|
33
|
-
"__SInner": "
|
|
34
|
-
"__SInputMask": "
|
|
35
|
-
"_animationsDisabled": "
|
|
36
|
-
"__SIndicator": "
|
|
37
|
-
"__SRangeIndicator": "
|
|
38
|
-
"_range_value": "
|
|
39
|
-
"_range_compare": "
|
|
40
|
-
"_disabled": "
|
|
41
|
-
"__SHumanizedDate": "
|
|
42
|
-
"__SMask": "
|
|
43
|
-
"__SSingleDateInput": "
|
|
44
|
-
"__SValue": "
|
|
45
|
-
"__SDateRange": "
|
|
46
|
-
"_noHumanizedDate": "
|
|
47
|
-
"__SRangeSep": "
|
|
48
|
-
"_fulfilled": "
|
|
49
|
-
"__SRangeComparatorHeader": "
|
|
50
|
-
"__SRangeCalendar": "
|
|
51
|
-
"__SFooter": "
|
|
52
|
-
"__SPeriodsList": "
|
|
53
|
-
"__STooltip": "
|
|
54
|
-
"__SCompareToggle": "
|
|
55
|
-
"__SPopper": "
|
|
28
|
+
"__SHeader": "___SHeader_1h6ds_gg_",
|
|
29
|
+
"__STitle": "___STitle_1h6ds_gg_",
|
|
30
|
+
"__SToday": "___SToday_1h6ds_gg_",
|
|
31
|
+
"__SPeriod": "___SPeriod_1h6ds_gg_",
|
|
32
|
+
"__SButton": "___SButton_1h6ds_gg_",
|
|
33
|
+
"__SInner": "___SInner_1h6ds_gg_",
|
|
34
|
+
"__SInputMask": "___SInputMask_1h6ds_gg_",
|
|
35
|
+
"_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
|
|
36
|
+
"__SIndicator": "___SIndicator_1h6ds_gg_",
|
|
37
|
+
"__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
|
|
38
|
+
"_range_value": "_range_value_1h6ds_gg_",
|
|
39
|
+
"_range_compare": "_range_compare_1h6ds_gg_",
|
|
40
|
+
"_disabled": "__disabled_1h6ds_gg_",
|
|
41
|
+
"__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
|
|
42
|
+
"__SMask": "___SMask_1h6ds_gg_",
|
|
43
|
+
"__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
|
|
44
|
+
"__SValue": "___SValue_1h6ds_gg_",
|
|
45
|
+
"__SDateRange": "___SDateRange_1h6ds_gg_",
|
|
46
|
+
"_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
|
|
47
|
+
"__SRangeSep": "___SRangeSep_1h6ds_gg_",
|
|
48
|
+
"_fulfilled": "__fulfilled_1h6ds_gg_",
|
|
49
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
|
|
50
|
+
"__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
|
|
51
|
+
"__SFooter": "___SFooter_1h6ds_gg_",
|
|
52
|
+
"__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
|
|
53
|
+
"__STooltip": "___STooltip_1h6ds_gg_",
|
|
54
|
+
"__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
|
|
55
|
+
"__SPopper": "___SPopper_1h6ds_gg_"
|
|
56
56
|
})
|
|
57
57
|
);
|
|
58
58
|
var INTERACTION_TAGS = ["INPUT"];
|
|
@@ -7,10 +7,10 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
8
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
9
9
|
import { assignProps, sstyled, Component } from "@semcore/core";
|
|
10
|
+
import { Box } from "@semcore/base-components";
|
|
10
11
|
import Button from "@semcore/button";
|
|
11
12
|
import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
|
|
12
13
|
import Dropdown from "@semcore/dropdown";
|
|
13
|
-
import { Box } from "@semcore/flex-box";
|
|
14
14
|
import ChevronLeft from "@semcore/icon/ChevronLeft/m";
|
|
15
15
|
import ChevronRight from "@semcore/icon/ChevronRight/m";
|
|
16
16
|
import dayjs from "dayjs";
|
|
@@ -86,7 +86,7 @@ SCalendarUnit[today] {
|
|
|
86
86
|
width: calc(100% - 2px);
|
|
87
87
|
height: calc(100% - 2px);
|
|
88
88
|
box-sizing: border-box;
|
|
89
|
-
border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.
|
|
89
|
+
border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.104 0.023 162.3 / 0.385));
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
|
|
@@ -44,8 +44,7 @@ function shortDateRangeFormat(dates, _ref) {
|
|
|
44
44
|
}).format(normalizeDates[0]), " ").concat(normalizeDates[0].getFullYear());
|
|
45
45
|
}
|
|
46
46
|
if (isSimilarYear) {
|
|
47
|
-
options.year;
|
|
48
|
-
var newOptions = _objectWithoutProperties(options, _excluded2);
|
|
47
|
+
var _year = options.year, newOptions = _objectWithoutProperties(options, _excluded2);
|
|
49
48
|
if (getDayJSLocale(locale) === "en") {
|
|
50
49
|
return "".concat(new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[0]), "-").concat(new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[1]), ", ").concat(normalizeDates[0].getFullYear());
|
|
51
50
|
}
|