@semcore/date-picker 3.4.0 → 3.4.1
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 +6 -0
- package/lib/cjs/components/ButtonTrigger.js +2 -3
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/Calendar.js +17 -17
- package/lib/cjs/components/PickerAbstract.js +7 -7
- package/lib/cjs/components/RangePickerAbstract.js +7 -7
- package/lib/cjs/components/index.js +3 -3
- package/lib/es6/components/ButtonTrigger.js +2 -3
- package/lib/es6/components/ButtonTrigger.js.map +1 -1
- package/lib/es6/components/Calendar.js +17 -17
- package/lib/es6/components/PickerAbstract.js +7 -7
- package/lib/es6/components/RangePickerAbstract.js +7 -7
- package/lib/es6/components/index.js +3 -3
- package/package.json +4 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.4.1] - 2022-10-17
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Reverting changes from version `3.3.12` as these changes are implemented in the `utils/lib/addonTextChildren`.
|
|
10
|
+
|
|
5
11
|
## [3.4.0] - 2022-10-10
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -25,11 +25,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
25
25
|
|
|
26
26
|
var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
|
|
27
27
|
var _ref = arguments[0];
|
|
28
|
-
var Children = _ref2.Children
|
|
29
|
-
empty = _ref2.empty;
|
|
28
|
+
var Children = _ref2.Children;
|
|
30
29
|
return /*#__PURE__*/_react["default"].createElement(_baseTrigger["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(ButtonTrigger.Addon, {
|
|
31
30
|
tag: _m["default"]
|
|
32
|
-
}),
|
|
31
|
+
}), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));
|
|
33
32
|
};
|
|
34
33
|
|
|
35
34
|
ButtonTriggerRoot.displayName = 'ButtonTrigger';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["ButtonTriggerRoot","Children","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["ButtonTriggerRoot","Children","BaseTrigger","Calendar","addonTextChildren","ButtonTrigger","Text","Addon","displayName","createComponent"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children }) => {\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true)}\n </Root>\n );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;AAIA;;AAJA;;AACA;;AACA;;AACA;;;;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,QAAkB;EAAA;EAAA,IAAfC,QAAe,SAAfA,QAAe;EAC1C,oBACE,gCAAcC,uBAAd,iDACE,gCAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEC;EAA1B,EADF,EAEG,IAAAC,6BAAA,EAAkBH,QAAlB,EAA4BI,aAAa,CAACC,IAA1C,EAAgDD,aAAa,CAACE,KAA9D,EAAqE,IAArE,CAFH,CADF;AAMD,CAPD;;AASAP,iBAAiB,CAACQ,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAG,IAAAI,gBAAA,EAAgBT,iBAAhB,EAAmC;EACvDM,IAAI,EAAEJ,uBAAA,CAAYI,IADqC;EAEvDC,KAAK,EAAEL,uBAAA,CAAYK;AAFoC,CAAnC,CAAtB;eAKeF,a"}
|
|
@@ -66,26 +66,26 @@ var style = (
|
|
|
66
66
|
/*__reshadow_css_start__*/
|
|
67
67
|
_core.sstyled.insert(
|
|
68
68
|
/*__inner_css_start__*/
|
|
69
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
69
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SCalendar_muc7e_gg_ {\n display: flex;\n flex-direction: column;\n}\n\n.___SGridDays_muc7e_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n grid-template-rows: repeat(auto-fit, minmax(32px, auto));\n}\n\n.___SGridMonths_muc7e_gg_ {\n display: grid;\n grid-row-gap: 8px;\n grid-template-columns: repeat(3, minmax(60px, auto));\n grid-template-rows: repeat(4, minmax(32px, auto));\n}\n\n.___SWeekDays_muc7e_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n}\n\n.___SWeekDay_muc7e_gg_ {\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #6c6e79;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.___SCalendarUnit_muc7e_gg_ {\n font-family: inherit;\n font-weight: normal;\n line-height: normal;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n color: #191b23;\n outline: 0;\n box-shadow: none;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n background: transparent;\n\n align-items: center;\n border-radius: 6px;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n font-size: 14px;\n justify-content: center;\n min-height: 32px;\n min-width: 32px;\n position: relative;\n transition: color 0.15s, background 0.15s;\n outline: none;\n margin: 0\n}\n\n.___SCalendarUnit_muc7e_gg_:hover {\n color: #191b23;\n background: #e0e1e9;\n }\n\n.___SCalendarUnit_muc7e_gg_.focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_muc7e_gg_:focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_muc7e_gg_.__today_muc7e_gg_:before {\n content: '';\n position: absolute;\n display: block;\n top: 1px;\n left: 1px;\n border-radius: 6px;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n box-sizing: border-box;\n border: 1px solid #c4c7cf;\n }\n\n.___SCalendarUnit_muc7e_gg_.__today_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_:before, .___SCalendarUnit_muc7e_gg_.__today_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_:before {\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n.___SCalendarUnit_muc7e_gg_.__selected_muc7e_gg_ {\n background: #c4e5fe;\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_muc7e_gg_.__selected_muc7e_gg_:hover {\n background: #008ff8;\n }\n\n.___SCalendarUnit_muc7e_gg_.__highlighted_muc7e_gg_ {\n background: rgba(0, 143, 248, 0.2);\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_muc7e_gg_.__highlighted_muc7e_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n color: white;\n background: #2bb3ff\n}\n\n.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_ {\n background: #2bb3ff;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n color: white\n}\n\n.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_muc7e_gg_.__startHighlighted_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n}\n\n.___SCalendarUnit_muc7e_gg_.__endHighlighted_muc7e_gg_ {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_muc7e_gg_.__startHighlighted_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__endHighlighted_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_muc7e_gg_.__outdated_muc7e_gg_ {\n opacity: 0.2;\n}\n\n.___SCalendarUnit_muc7e_gg_.__disabled_muc7e_gg_ {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n .___SCalendarUnit_muc7e_gg_ {\n transition: none;\n }\n}\n"
|
|
70
70
|
/*__inner_css_end__*/
|
|
71
|
-
, "
|
|
71
|
+
, "muc7e_gg_")
|
|
72
72
|
/*__reshadow_css_end__*/
|
|
73
73
|
, {
|
|
74
|
-
"__SCalendar": "
|
|
75
|
-
"__SGridDays": "
|
|
76
|
-
"__SGridMonths": "
|
|
77
|
-
"__SWeekDays": "
|
|
78
|
-
"__SWeekDay": "
|
|
79
|
-
"__SCalendarUnit": "
|
|
80
|
-
"_today": "
|
|
81
|
-
"_startSelected": "
|
|
82
|
-
"_endSelected": "
|
|
83
|
-
"_selected": "
|
|
84
|
-
"_highlighted": "
|
|
85
|
-
"_startHighlighted": "
|
|
86
|
-
"_endHighlighted": "
|
|
87
|
-
"_outdated": "
|
|
88
|
-
"_disabled": "
|
|
74
|
+
"__SCalendar": "___SCalendar_muc7e_gg_",
|
|
75
|
+
"__SGridDays": "___SGridDays_muc7e_gg_",
|
|
76
|
+
"__SGridMonths": "___SGridMonths_muc7e_gg_",
|
|
77
|
+
"__SWeekDays": "___SWeekDays_muc7e_gg_",
|
|
78
|
+
"__SWeekDay": "___SWeekDay_muc7e_gg_",
|
|
79
|
+
"__SCalendarUnit": "___SCalendarUnit_muc7e_gg_",
|
|
80
|
+
"_today": "__today_muc7e_gg_",
|
|
81
|
+
"_startSelected": "__startSelected_muc7e_gg_",
|
|
82
|
+
"_endSelected": "__endSelected_muc7e_gg_",
|
|
83
|
+
"_selected": "__selected_muc7e_gg_",
|
|
84
|
+
"_highlighted": "__highlighted_muc7e_gg_",
|
|
85
|
+
"_startHighlighted": "__startHighlighted_muc7e_gg_",
|
|
86
|
+
"_endHighlighted": "__endHighlighted_muc7e_gg_",
|
|
87
|
+
"_outdated": "__outdated_muc7e_gg_",
|
|
88
|
+
"_disabled": "__disabled_muc7e_gg_"
|
|
89
89
|
});
|
|
90
90
|
|
|
91
91
|
_dayjs["default"].extend(_isBetween["default"]);
|
|
@@ -64,16 +64,16 @@ var style = (
|
|
|
64
64
|
/*__reshadow_css_start__*/
|
|
65
65
|
_core.sstyled.insert(
|
|
66
66
|
/*__inner_css_start__*/
|
|
67
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
67
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_g53ft_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_g53ft_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_g53ft_gg_:active,\n .___SPopper_g53ft_gg_:hover,\n .___SPopper_g53ft_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_g53ft_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_g53ft_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_g53ft_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_g53ft_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_g53ft_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
68
68
|
/*__inner_css_end__*/
|
|
69
|
-
, "
|
|
69
|
+
, "g53ft_gg_")
|
|
70
70
|
/*__reshadow_css_end__*/
|
|
71
71
|
, {
|
|
72
|
-
"__SPopper": "
|
|
73
|
-
"__SHeader": "
|
|
74
|
-
"__STitle": "
|
|
75
|
-
"__SToday": "
|
|
76
|
-
"__SPeriod": "
|
|
72
|
+
"__SPopper": "___SPopper_g53ft_gg_",
|
|
73
|
+
"__SHeader": "___SHeader_g53ft_gg_",
|
|
74
|
+
"__STitle": "___STitle_g53ft_gg_",
|
|
75
|
+
"__SToday": "___SToday_g53ft_gg_",
|
|
76
|
+
"__SPeriod": "___SPeriod_g53ft_gg_"
|
|
77
77
|
});
|
|
78
78
|
var i18n = {
|
|
79
79
|
de: _de["default"],
|
|
@@ -74,16 +74,16 @@ var style = (
|
|
|
74
74
|
/*__reshadow_css_start__*/
|
|
75
75
|
_core.sstyled.insert(
|
|
76
76
|
/*__inner_css_start__*/
|
|
77
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
77
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_g53ft_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_g53ft_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_g53ft_gg_:active,\n .___SPopper_g53ft_gg_:hover,\n .___SPopper_g53ft_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_g53ft_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_g53ft_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_g53ft_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_g53ft_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_g53ft_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
78
78
|
/*__inner_css_end__*/
|
|
79
|
-
, "
|
|
79
|
+
, "g53ft_gg_")
|
|
80
80
|
/*__reshadow_css_end__*/
|
|
81
81
|
, {
|
|
82
|
-
"__SPopper": "
|
|
83
|
-
"__SHeader": "
|
|
84
|
-
"__STitle": "
|
|
85
|
-
"__SToday": "
|
|
86
|
-
"__SPeriod": "
|
|
82
|
+
"__SPopper": "___SPopper_g53ft_gg_",
|
|
83
|
+
"__SHeader": "___SHeader_g53ft_gg_",
|
|
84
|
+
"__STitle": "___STitle_g53ft_gg_",
|
|
85
|
+
"__SToday": "___SToday_g53ft_gg_",
|
|
86
|
+
"__SPeriod": "___SPeriod_g53ft_gg_"
|
|
87
87
|
});
|
|
88
88
|
var i18n = {
|
|
89
89
|
de: _de["default"],
|
|
@@ -132,12 +132,12 @@ var stylesBtn = (
|
|
|
132
132
|
/*__reshadow_css_start__*/
|
|
133
133
|
_core.sstyled.insert(
|
|
134
134
|
/*__inner_css_start__*/
|
|
135
|
-
"\n .
|
|
135
|
+
"\n .___SInner_18w6a_gg_ {\n justify-content: flex-start;\n }\n"
|
|
136
136
|
/*__inner_css_end__*/
|
|
137
|
-
, "
|
|
137
|
+
, "18w6a_gg_")
|
|
138
138
|
/*__reshadow_css_end__*/
|
|
139
139
|
, {
|
|
140
|
-
"__SInner": "
|
|
140
|
+
"__SInner": "___SInner_18w6a_gg_"
|
|
141
141
|
});
|
|
142
142
|
|
|
143
143
|
var Period = /*#__PURE__*/function (_Component) {
|
|
@@ -7,11 +7,10 @@ import createComponent, { Root } from '@semcore/core';
|
|
|
7
7
|
|
|
8
8
|
var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
|
|
9
9
|
var _ref = arguments[0];
|
|
10
|
-
var Children = _ref2.Children
|
|
11
|
-
empty = _ref2.empty;
|
|
10
|
+
var Children = _ref2.Children;
|
|
12
11
|
return /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), /*#__PURE__*/React.createElement(ButtonTrigger.Addon, {
|
|
13
12
|
tag: Calendar
|
|
14
|
-
}),
|
|
13
|
+
}), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));
|
|
15
14
|
};
|
|
16
15
|
|
|
17
16
|
ButtonTriggerRoot.displayName = 'ButtonTrigger';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["React","BaseTrigger","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","Children","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["React","BaseTrigger","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","Children","ButtonTrigger","Text","Addon","displayName"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children }) => {\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true)}\n </Root>\n );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAAwB,uBAAxB;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,QAAP,MAAqB,0BAArB;AACA,OAAOC,eAAP,IAA0BC,IAA1B,QAAsC,eAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAAkB;EAAA;EAAA,IAAfC,QAAe,SAAfA,QAAe;EAC1C,oBACE,oBAAcN,WAAd,uCACE,oBAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEE;EAA1B,EADF,EAEGD,iBAAiB,CAACK,QAAD,EAAWC,aAAa,CAACC,IAAzB,EAA+BD,aAAa,CAACE,KAA7C,EAAoD,IAApD,CAFpB,CADF;AAMD,CAPD;;AASAJ,iBAAiB,CAACK,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAGJ,eAAe,CAACE,iBAAD,EAAoB;EACvDG,IAAI,EAAER,WAAW,CAACQ,IADqC;EAEvDC,KAAK,EAAET,WAAW,CAACS;AAFoC,CAApB,CAArC;AAKA,eAAeF,aAAf"}
|
|
@@ -38,26 +38,26 @@ var style = (
|
|
|
38
38
|
/*__reshadow_css_start__*/
|
|
39
39
|
_sstyled.insert(
|
|
40
40
|
/*__inner_css_start__*/
|
|
41
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
41
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SCalendar_muc7e_gg_ {\n display: flex;\n flex-direction: column;\n}\n\n.___SGridDays_muc7e_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n grid-template-rows: repeat(auto-fit, minmax(32px, auto));\n}\n\n.___SGridMonths_muc7e_gg_ {\n display: grid;\n grid-row-gap: 8px;\n grid-template-columns: repeat(3, minmax(60px, auto));\n grid-template-rows: repeat(4, minmax(32px, auto));\n}\n\n.___SWeekDays_muc7e_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n}\n\n.___SWeekDay_muc7e_gg_ {\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #6c6e79;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.___SCalendarUnit_muc7e_gg_ {\n font-family: inherit;\n font-weight: normal;\n line-height: normal;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n color: #191b23;\n outline: 0;\n box-shadow: none;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n background: transparent;\n\n align-items: center;\n border-radius: 6px;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n font-size: 14px;\n justify-content: center;\n min-height: 32px;\n min-width: 32px;\n position: relative;\n transition: color 0.15s, background 0.15s;\n outline: none;\n margin: 0\n}\n\n.___SCalendarUnit_muc7e_gg_:hover {\n color: #191b23;\n background: #e0e1e9;\n }\n\n.___SCalendarUnit_muc7e_gg_.focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_muc7e_gg_:focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_muc7e_gg_.__today_muc7e_gg_:before {\n content: '';\n position: absolute;\n display: block;\n top: 1px;\n left: 1px;\n border-radius: 6px;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n box-sizing: border-box;\n border: 1px solid #c4c7cf;\n }\n\n.___SCalendarUnit_muc7e_gg_.__today_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_:before, .___SCalendarUnit_muc7e_gg_.__today_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_:before {\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n.___SCalendarUnit_muc7e_gg_.__selected_muc7e_gg_ {\n background: #c4e5fe;\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_muc7e_gg_.__selected_muc7e_gg_:hover {\n background: #008ff8;\n }\n\n.___SCalendarUnit_muc7e_gg_.__highlighted_muc7e_gg_ {\n background: rgba(0, 143, 248, 0.2);\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_muc7e_gg_.__highlighted_muc7e_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n color: white;\n background: #2bb3ff\n}\n\n.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_ {\n background: #2bb3ff;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n color: white\n}\n\n.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_muc7e_gg_.__startHighlighted_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n}\n\n.___SCalendarUnit_muc7e_gg_.__endHighlighted_muc7e_gg_ {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_muc7e_gg_.__startHighlighted_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__endHighlighted_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_muc7e_gg_.__startSelected_muc7e_gg_.___SCalendarUnit_muc7e_gg_.__endSelected_muc7e_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_muc7e_gg_.__outdated_muc7e_gg_ {\n opacity: 0.2;\n}\n\n.___SCalendarUnit_muc7e_gg_.__disabled_muc7e_gg_ {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n .___SCalendarUnit_muc7e_gg_ {\n transition: none;\n }\n}\n"
|
|
42
42
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
43
|
+
, "muc7e_gg_")
|
|
44
44
|
/*__reshadow_css_end__*/
|
|
45
45
|
, {
|
|
46
|
-
"__SCalendar": "
|
|
47
|
-
"__SGridDays": "
|
|
48
|
-
"__SGridMonths": "
|
|
49
|
-
"__SWeekDays": "
|
|
50
|
-
"__SWeekDay": "
|
|
51
|
-
"__SCalendarUnit": "
|
|
52
|
-
"_today": "
|
|
53
|
-
"_startSelected": "
|
|
54
|
-
"_endSelected": "
|
|
55
|
-
"_selected": "
|
|
56
|
-
"_highlighted": "
|
|
57
|
-
"_startHighlighted": "
|
|
58
|
-
"_endHighlighted": "
|
|
59
|
-
"_outdated": "
|
|
60
|
-
"_disabled": "
|
|
46
|
+
"__SCalendar": "___SCalendar_muc7e_gg_",
|
|
47
|
+
"__SGridDays": "___SGridDays_muc7e_gg_",
|
|
48
|
+
"__SGridMonths": "___SGridMonths_muc7e_gg_",
|
|
49
|
+
"__SWeekDays": "___SWeekDays_muc7e_gg_",
|
|
50
|
+
"__SWeekDay": "___SWeekDay_muc7e_gg_",
|
|
51
|
+
"__SCalendarUnit": "___SCalendarUnit_muc7e_gg_",
|
|
52
|
+
"_today": "__today_muc7e_gg_",
|
|
53
|
+
"_startSelected": "__startSelected_muc7e_gg_",
|
|
54
|
+
"_endSelected": "__endSelected_muc7e_gg_",
|
|
55
|
+
"_selected": "__selected_muc7e_gg_",
|
|
56
|
+
"_highlighted": "__highlighted_muc7e_gg_",
|
|
57
|
+
"_startHighlighted": "__startHighlighted_muc7e_gg_",
|
|
58
|
+
"_endHighlighted": "__endHighlighted_muc7e_gg_",
|
|
59
|
+
"_outdated": "__outdated_muc7e_gg_",
|
|
60
|
+
"_disabled": "__disabled_muc7e_gg_"
|
|
61
61
|
});
|
|
62
62
|
dayjs.extend(isBetween);
|
|
63
63
|
|
|
@@ -34,16 +34,16 @@ var style = (
|
|
|
34
34
|
/*__reshadow_css_start__*/
|
|
35
35
|
_sstyled.insert(
|
|
36
36
|
/*__inner_css_start__*/
|
|
37
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
37
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_g53ft_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_g53ft_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_g53ft_gg_:active,\n .___SPopper_g53ft_gg_:hover,\n .___SPopper_g53ft_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_g53ft_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_g53ft_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_g53ft_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_g53ft_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_g53ft_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
38
38
|
/*__inner_css_end__*/
|
|
39
|
-
, "
|
|
39
|
+
, "g53ft_gg_")
|
|
40
40
|
/*__reshadow_css_end__*/
|
|
41
41
|
, {
|
|
42
|
-
"__SPopper": "
|
|
43
|
-
"__SHeader": "
|
|
44
|
-
"__STitle": "
|
|
45
|
-
"__SToday": "
|
|
46
|
-
"__SPeriod": "
|
|
42
|
+
"__SPopper": "___SPopper_g53ft_gg_",
|
|
43
|
+
"__SHeader": "___SHeader_g53ft_gg_",
|
|
44
|
+
"__STitle": "___STitle_g53ft_gg_",
|
|
45
|
+
"__SToday": "___SToday_g53ft_gg_",
|
|
46
|
+
"__SPeriod": "___SPeriod_g53ft_gg_"
|
|
47
47
|
});
|
|
48
48
|
import includesDate from '../utils/includesDate';
|
|
49
49
|
var i18n = {
|
|
@@ -41,16 +41,16 @@ var style = (
|
|
|
41
41
|
/*__reshadow_css_start__*/
|
|
42
42
|
_sstyled.insert(
|
|
43
43
|
/*__inner_css_start__*/
|
|
44
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
44
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_g53ft_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_g53ft_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_g53ft_gg_:active,\n .___SPopper_g53ft_gg_:hover,\n .___SPopper_g53ft_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_g53ft_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_g53ft_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_g53ft_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_g53ft_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_g53ft_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
45
45
|
/*__inner_css_end__*/
|
|
46
|
-
, "
|
|
46
|
+
, "g53ft_gg_")
|
|
47
47
|
/*__reshadow_css_end__*/
|
|
48
48
|
, {
|
|
49
|
-
"__SPopper": "
|
|
50
|
-
"__SHeader": "
|
|
51
|
-
"__STitle": "
|
|
52
|
-
"__SToday": "
|
|
53
|
-
"__SPeriod": "
|
|
49
|
+
"__SPopper": "___SPopper_g53ft_gg_",
|
|
50
|
+
"__SHeader": "___SHeader_g53ft_gg_",
|
|
51
|
+
"__STitle": "___STitle_g53ft_gg_",
|
|
52
|
+
"__SToday": "___SToday_g53ft_gg_",
|
|
53
|
+
"__SPeriod": "___SPeriod_g53ft_gg_"
|
|
54
54
|
});
|
|
55
55
|
var i18n = {
|
|
56
56
|
de: de,
|
|
@@ -96,12 +96,12 @@ var stylesBtn = (
|
|
|
96
96
|
/*__reshadow_css_start__*/
|
|
97
97
|
sstyled.insert(
|
|
98
98
|
/*__inner_css_start__*/
|
|
99
|
-
"\n .
|
|
99
|
+
"\n .___SInner_18w6a_gg_ {\n justify-content: flex-start;\n }\n"
|
|
100
100
|
/*__inner_css_end__*/
|
|
101
|
-
, "
|
|
101
|
+
, "18w6a_gg_")
|
|
102
102
|
/*__reshadow_css_end__*/
|
|
103
103
|
, {
|
|
104
|
-
"__SInner": "
|
|
104
|
+
"__SInner": "___SInner_18w6a_gg_"
|
|
105
105
|
});
|
|
106
106
|
export var Period = /*#__PURE__*/function (_Component) {
|
|
107
107
|
_inherits(Period, _Component);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/date-picker",
|
|
3
3
|
"description": "Semrush DatePicker Component",
|
|
4
|
-
"version": "3.4.
|
|
4
|
+
"version": "3.4.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "^3.
|
|
12
|
+
"@semcore/utils": "^3.29",
|
|
13
13
|
"@semcore/base-trigger": "^3.0.0",
|
|
14
14
|
"@semcore/flex-box": "^4",
|
|
15
15
|
"@semcore/button": "^4",
|
|
@@ -33,7 +33,8 @@
|
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/react": "18.0.21",
|
|
36
|
-
"@semcore/jest-preset-ui": "1.0.0"
|
|
36
|
+
"@semcore/jest-preset-ui": "1.0.0",
|
|
37
|
+
"jest": "29.0.1"
|
|
37
38
|
},
|
|
38
39
|
"scripts": {
|
|
39
40
|
"build": "pnpm semcore-builder --source=js",
|