@semcore/date-picker 3.6.19 → 3.6.20

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.6.20] - 2023-03-09
+
+### Fixed
+
+- Fixed broken interaction of deprecated button trigger.
+
 ## [3.6.19] - 2023-03-06
 
 ### Changed

package/lib/cjs/components/ButtonTrigger.js

@@ -21,7 +21,13 @@ var _m = _interopRequireDefault(require("@semcore/icon/Calendar/m"));
 
 var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
   var _ref = arguments[0];
-  var Children = _ref2.Children;
+  var Children = _ref2.Children,
+      setDefaultInteractionToClick = _ref2.setDefaultInteractionToClick;
+
+  _react["default"].useEffect(function () {
+    setDefaultInteractionToClick === null || setDefaultInteractionToClick === void 0 ? void 0 : setDefaultInteractionToClick();
+  }, [setDefaultInteractionToClick]);
+
   return /*#__PURE__*/_react["default"].createElement(_baseTrigger["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(ButtonTrigger.Addon, {
     tag: _m["default"]
   }), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));

package/lib/cjs/components/ButtonTrigger.js.map

@@ -1 +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"}
+{"version":3,"file":"ButtonTrigger.js","names":["ButtonTriggerRoot","Children","setDefaultInteractionToClick","React","useEffect","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, setDefaultInteractionToClick }) => {\n  React.useEffect(() => {\n    setDefaultInteractionToClick?.();\n  }, [setDefaultInteractionToClick]);\n\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,QAAgD;EAAA;EAAA,IAA7CC,QAA6C,SAA7CA,QAA6C;EAAA,IAAnCC,4BAAmC,SAAnCA,4BAAmC;;EACxEC,iBAAA,CAAMC,SAAN,CAAgB,YAAM;IACpBF,4BAA4B,SAA5B,IAAAA,4BAA4B,WAA5B,YAAAA,4BAA4B;EAC7B,CAFD,EAEG,CAACA,4BAAD,CAFH;;EAIA,oBACE,gCAAcG,uBAAd,iDACE,gCAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEC;EAA1B,EADF,EAEG,IAAAC,6BAAA,EAAkBN,QAAlB,EAA4BO,aAAa,CAACC,IAA1C,EAAgDD,aAAa,CAACE,KAA9D,EAAqE,IAArE,CAFH,CADF;AAMD,CAXD;;AAaAV,iBAAiB,CAACW,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAG,IAAAI,gBAAA,EAAgBZ,iBAAhB,EAAmC;EACvDS,IAAI,EAAEJ,uBAAA,CAAYI,IADqC;EAEvDC,KAAK,EAAEL,uBAAA,CAAYK;AAFoC,CAAnC,CAAtB;eAKeF,a"}

package/lib/cjs/components/Calendar.js

@@ -54,26 +54,26 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_x91qp_gg_{display:flex;flex-direction:column}.___SGridDays_x91qp_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_x91qp_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_x91qp_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_x91qp_gg_,.___SWeekDay_x91qp_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_x91qp_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_x91qp_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s;outline:0;margin:0}@media (hover:hover){.___SCalendarUnit_x91qp_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_x91qp_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_x91qp_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_x91qp_gg_.__today_x91qp_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_x91qp_gg_.__today_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_:before,.___SCalendarUnit_x91qp_gg_.__today_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_x91qp_gg_.__selected_x91qp_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__selected_x91qp_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_x91qp_gg_.__highlighted_x91qp_gg_{background:var(--intergalactic-date-picker-cell-range, #c4e5fe);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__highlighted_x91qp_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_,.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_x91qp_gg_.__startHighlighted_x91qp_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_x91qp_gg_.__endHighlighted_x91qp_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_x91qp_gg_.__startHighlighted_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__endHighlighted_x91qp_gg_,.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_x91qp_gg_.__outdated_x91qp_gg_{opacity:.2}.___SCalendarUnit_x91qp_gg_.__disabled_x91qp_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_x91qp_gg_{transition:none}}"
+".___SCalendar_17xk5_gg_{display:flex;flex-direction:column}.___SGridDays_17xk5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_17xk5_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_17xk5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_17xk5_gg_,.___SWeekDay_17xk5_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_17xk5_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_17xk5_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s;outline:0;margin:0}@media (hover:hover){.___SCalendarUnit_17xk5_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_17xk5_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_17xk5_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_17xk5_gg_.__today_17xk5_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_17xk5_gg_.__today_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_:before,.___SCalendarUnit_17xk5_gg_.__today_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_17xk5_gg_.__selected_17xk5_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__selected_17xk5_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_17xk5_gg_.__highlighted_17xk5_gg_{background:var(--intergalactic-date-picker-cell-range, #c4e5fe);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__highlighted_17xk5_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_,.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_17xk5_gg_.__startHighlighted_17xk5_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_17xk5_gg_.__endHighlighted_17xk5_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_17xk5_gg_.__startHighlighted_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__endHighlighted_17xk5_gg_,.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_17xk5_gg_.__outdated_17xk5_gg_{opacity:.2}.___SCalendarUnit_17xk5_gg_.__disabled_17xk5_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_17xk5_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "x91qp_gg_")
+, "17xk5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_x91qp_gg_",
-  "__SGridDays": "___SGridDays_x91qp_gg_",
-  "__SGridMonths": "___SGridMonths_x91qp_gg_",
-  "__SWeekDays": "___SWeekDays_x91qp_gg_",
-  "__SWeekDay": "___SWeekDay_x91qp_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_x91qp_gg_",
-  "_today": "__today_x91qp_gg_",
-  "_startSelected": "__startSelected_x91qp_gg_",
-  "_endSelected": "__endSelected_x91qp_gg_",
-  "_selected": "__selected_x91qp_gg_",
-  "_highlighted": "__highlighted_x91qp_gg_",
-  "_startHighlighted": "__startHighlighted_x91qp_gg_",
-  "_endHighlighted": "__endHighlighted_x91qp_gg_",
-  "_outdated": "__outdated_x91qp_gg_",
-  "_disabled": "__disabled_x91qp_gg_"
+  "__SCalendar": "___SCalendar_17xk5_gg_",
+  "__SGridDays": "___SGridDays_17xk5_gg_",
+  "__SGridMonths": "___SGridMonths_17xk5_gg_",
+  "__SWeekDays": "___SWeekDays_17xk5_gg_",
+  "__SWeekDay": "___SWeekDay_17xk5_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_17xk5_gg_",
+  "_today": "__today_17xk5_gg_",
+  "_startSelected": "__startSelected_17xk5_gg_",
+  "_endSelected": "__endSelected_17xk5_gg_",
+  "_selected": "__selected_17xk5_gg_",
+  "_highlighted": "__highlighted_17xk5_gg_",
+  "_startHighlighted": "__startHighlighted_17xk5_gg_",
+  "_endHighlighted": "__endHighlighted_17xk5_gg_",
+  "_outdated": "__outdated_17xk5_gg_",
+  "_disabled": "__disabled_17xk5_gg_"
 });
 
 _dayjs["default"].extend(_isBetween["default"]);

package/lib/cjs/components/InputTrigger.js

@@ -63,27 +63,27 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_4lvef_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4lvef_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4lvef_gg_:active,.___SPopper_4lvef_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_4lvef_gg_:hover{outline:0;text-decoration:none}}.___SPopper_4lvef_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_4lvef_gg_,.___STitle_4lvef_gg_{display:flex;align-items:center}.___STitle_4lvef_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_4lvef_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4lvef_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_4lvef_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_4lvef_gg_{position:absolute;pointer-events:none}.___SDateRange_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_ .___SValue_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SValue_4lvef_gg_{opacity:0}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SSingleDateInput_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SMask_4lvef_gg_,.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_:focus-within .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_4lvef_gg_:focus-within .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}"
+".___SPopper_owa5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_owa5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_owa5_gg_:active,.___SPopper_owa5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_owa5_gg_:hover{outline:0;text-decoration:none}}.___SPopper_owa5_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_owa5_gg_,.___STitle_owa5_gg_{display:flex;align-items:center}.___STitle_owa5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_owa5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_owa5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_owa5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_owa5_gg_{position:absolute;pointer-events:none}.___SDateRange_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_ .___SValue_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SValue_owa5_gg_{opacity:0}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SSingleDateInput_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SDateRange_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SMask_owa5_gg_,.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_:focus-within .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_owa5_gg_:focus-within .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}"
 /*__inner_css_end__*/
-, "4lvef_gg_")
+, "owa5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_4lvef_gg_",
-  "__SHeader": "___SHeader_4lvef_gg_",
-  "__STitle": "___STitle_4lvef_gg_",
-  "__SToday": "___SToday_4lvef_gg_",
-  "__SPeriod": "___SPeriod_4lvef_gg_",
-  "__SIndicator": "___SIndicator_4lvef_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_4lvef_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_4lvef_gg_",
-  "__SValue": "___SValue_4lvef_gg_",
-  "__SDateRange": "___SDateRange_4lvef_gg_",
-  "__SMask": "___SMask_4lvef_gg_",
-  "_focus-within": "__focus-within_4lvef_gg_",
-  "__SInputMask": "___SInputMask_4lvef_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_4lvef_gg_",
-  "__SRangeSep": "___SRangeSep_4lvef_gg_",
-  "_fulfilled": "__fulfilled_4lvef_gg_"
+  "__SPopper": "___SPopper_owa5_gg_",
+  "__SHeader": "___SHeader_owa5_gg_",
+  "__STitle": "___STitle_owa5_gg_",
+  "__SToday": "___SToday_owa5_gg_",
+  "__SPeriod": "___SPeriod_owa5_gg_",
+  "__SIndicator": "___SIndicator_owa5_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_owa5_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_owa5_gg_",
+  "__SValue": "___SValue_owa5_gg_",
+  "__SDateRange": "___SDateRange_owa5_gg_",
+  "__SMask": "___SMask_owa5_gg_",
+  "_focus-within": "__focus-within_owa5_gg_",
+  "__SInputMask": "___SInputMask_owa5_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_owa5_gg_",
+  "__SRangeSep": "___SRangeSep_owa5_gg_",
+  "_fulfilled": "__fulfilled_owa5_gg_"
 });
 var defaultAllowedParts = {
   year: true,

package/lib/cjs/components/PickerAbstract.js

@@ -38,27 +38,27 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_4lvef_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4lvef_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4lvef_gg_:active,.___SPopper_4lvef_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_4lvef_gg_:hover{outline:0;text-decoration:none}}.___SPopper_4lvef_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_4lvef_gg_,.___STitle_4lvef_gg_{display:flex;align-items:center}.___STitle_4lvef_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_4lvef_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4lvef_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_4lvef_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_4lvef_gg_{position:absolute;pointer-events:none}.___SDateRange_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_ .___SValue_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SValue_4lvef_gg_{opacity:0}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SSingleDateInput_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SMask_4lvef_gg_,.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_:focus-within .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_4lvef_gg_:focus-within .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}"
+".___SPopper_owa5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_owa5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_owa5_gg_:active,.___SPopper_owa5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_owa5_gg_:hover{outline:0;text-decoration:none}}.___SPopper_owa5_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_owa5_gg_,.___STitle_owa5_gg_{display:flex;align-items:center}.___STitle_owa5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_owa5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_owa5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_owa5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_owa5_gg_{position:absolute;pointer-events:none}.___SDateRange_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_ .___SValue_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SValue_owa5_gg_{opacity:0}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SSingleDateInput_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SDateRange_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SMask_owa5_gg_,.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_:focus-within .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_owa5_gg_:focus-within .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}"
 /*__inner_css_end__*/
-, "4lvef_gg_")
+, "owa5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_4lvef_gg_",
-  "__SHeader": "___SHeader_4lvef_gg_",
-  "__STitle": "___STitle_4lvef_gg_",
-  "__SToday": "___SToday_4lvef_gg_",
-  "__SPeriod": "___SPeriod_4lvef_gg_",
-  "__SIndicator": "___SIndicator_4lvef_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_4lvef_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_4lvef_gg_",
-  "__SValue": "___SValue_4lvef_gg_",
-  "__SDateRange": "___SDateRange_4lvef_gg_",
-  "__SMask": "___SMask_4lvef_gg_",
-  "_focus-within": "__focus-within_4lvef_gg_",
-  "__SInputMask": "___SInputMask_4lvef_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_4lvef_gg_",
-  "__SRangeSep": "___SRangeSep_4lvef_gg_",
-  "_fulfilled": "__fulfilled_4lvef_gg_"
+  "__SPopper": "___SPopper_owa5_gg_",
+  "__SHeader": "___SHeader_owa5_gg_",
+  "__STitle": "___STitle_owa5_gg_",
+  "__SToday": "___SToday_owa5_gg_",
+  "__SPeriod": "___SPeriod_owa5_gg_",
+  "__SIndicator": "___SIndicator_owa5_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_owa5_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_owa5_gg_",
+  "__SValue": "___SValue_owa5_gg_",
+  "__SDateRange": "___SDateRange_owa5_gg_",
+  "__SMask": "___SMask_owa5_gg_",
+  "_focus-within": "__focus-within_owa5_gg_",
+  "__SInputMask": "___SInputMask_owa5_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_owa5_gg_",
+  "__SRangeSep": "___SRangeSep_owa5_gg_",
+  "_fulfilled": "__fulfilled_owa5_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
@@ -81,6 +81,10 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateStep", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyDiff", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyStep", void 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      // To remove after removing button trigger
+      defaultInteraction: 'focus'
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateView", function (direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
       var action = direction >= 1 ? 'add' : 'subtract';
@@ -130,6 +134,13 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
         }
       }
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDefaultInteractionToClick", function () {
+      if (_this.state.defaultInteraction === 'click') return;
+
+      _this.setState({
+        defaultInteraction: 'click'
+      });
+    });
     return _this;
   }
 
@@ -168,7 +179,8 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
       return {
         size: size,
         empty: !value,
-        onKeyDown: this.handlerKeyDown
+        onKeyDown: this.handlerKeyDown,
+        setDefaultInteractionToClick: this.setDefaultInteractionToClick
       };
     }
   }, {
@@ -242,9 +254,10 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
           styles = _this$asProps4.styles,
           Children = _this$asProps4.Children,
           providedAriaLabel = _this$asProps4['aria-label'];
+      var defaultInteraction = this.state.defaultInteraction;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
         "use:aria-label": providedAriaLabel,
-        "interaction": "focus",
+        "interaction": defaultInteraction,
         "__excludeProps": ['onChange', 'value']
       }, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
     }

package/lib/cjs/components/PickerAbstract.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerAbstract.js","names":["INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","value","highlighted","_disabled","disabled","day","keyDiff","keyCode","getCurrentHighlightedDay","current_day","isDisabledDay","some","includesDate","length","preventDefault","includes","tagName","current_highlighted","add","keyStep","visible","props","undefined","size","empty","onKeyDown","handlerKeyDown","Picker","CORE_INSTANCE","tabIndex","children","onClick","bindHandlerNavigateClick","getI18nText","locale","onChange","onVisibleChange","renderOutdated","styles","Children","providedAriaLabel","sstyled","Dropdown","defaultValue","i18n","localizedMessages","defaultVisible","defaultHighlighted","Component","style","i18nEnhance","amount","unit","subtract"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n      defaultValue: null,\n      defaultVisible: false,\n      defaultHighlighted: [],\n      disabled: [],\n      size: 'm',\n    };\n  }\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static add = (date, amount, unit) => {\n    return dayjs(date).add(amount, unit).toDate();\n  };\n\n  static subtract = (date, amount, unit) => {\n    return dayjs(date).subtract(amount, unit).toDate();\n  };\n\n  navigateStep;\n  keyDiff;\n  keyStep;\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: [\n        null,\n        () => {\n          this.handlers.visible(true);\n        },\n      ],\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.handlers.displayedPeriod(this.asProps.value || this.props.defaultDisplayedPeriod);\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          if (value) {\n            this.handlers.visible(false);\n          }\n          this.handlers.displayedPeriod(value ?? undefined);\n        },\n      ],\n    };\n  }\n\n  navigateView = (direction) => {\n    const { displayedPeriod } = this.asProps;\n    const action = direction >= 1 ? 'add' : 'subtract';\n    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n    this.handlers.displayedPeriod(date);\n  };\n\n  bindHandlerNavigateClick = (direction) => () => {\n    this.navigateView(direction);\n  };\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { value, displayedPeriod, highlighted, disabled: _disabled } = this.asProps;\n    const day = this.keyDiff[e.keyCode];\n\n    const getCurrentHighlightedDay = (day) => {\n      const current_day = day.toDate();\n      const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n      return isDisabledDay ? null : current_day;\n    };\n\n    if (e.keyCode === 32 || (e.keyCode === 13 && highlighted.length)) {\n      this.handlers.value(highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      const current_highlighted =\n        !highlighted[0] && !value\n          ? dayjs(highlighted[0] || displayedPeriod)\n          : dayjs(displayedPeriod).add(day, this.keyStep);\n      const current_day =\n        getCurrentHighlightedDay(current_highlighted) ||\n        getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n      if (current_day) {\n        this.handlers.highlighted([current_day]);\n        this.handlers.displayedPeriod(current_day);\n        e.preventDefault();\n      }\n    }\n  };\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n    return {\n      size,\n      empty: !value,\n      onKeyDown: this.handlerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Picker.Header />\n          <Picker.Calendar />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      children: (\n        <>\n          <Picker.Prev />\n          <Picker.Title />\n          <Picker.Next />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    return {};\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps() {\n    const { locale, displayedPeriod, disabled, value, onChange, highlighted, onVisibleChange } =\n      this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n      onVisibleChange,\n    };\n  }\n\n  render() {\n    const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction=\"focus\"\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"mappings":"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"}
+{"version":3,"file":"PickerAbstract.js","names":["INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","value","highlighted","_disabled","disabled","day","keyDiff","keyCode","getCurrentHighlightedDay","current_day","isDisabledDay","some","includesDate","length","preventDefault","includes","tagName","current_highlighted","add","keyStep","state","setState","visible","props","undefined","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","Picker","CORE_INSTANCE","tabIndex","children","onClick","bindHandlerNavigateClick","getI18nText","locale","onChange","onVisibleChange","renderOutdated","styles","Children","providedAriaLabel","sstyled","Dropdown","defaultValue","i18n","localizedMessages","defaultVisible","defaultHighlighted","Component","style","i18nEnhance","amount","unit","subtract"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n      defaultValue: null,\n      defaultVisible: false,\n      defaultHighlighted: [],\n      disabled: [],\n      size: 'm',\n    };\n  }\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static add = (date, amount, unit) => {\n    return dayjs(date).add(amount, unit).toDate();\n  };\n\n  static subtract = (date, amount, unit) => {\n    return dayjs(date).subtract(amount, unit).toDate();\n  };\n\n  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    // To remove after removing button trigger\n    defaultInteraction: 'focus',\n  };\n  uncontrolledProps() {\n    return {\n      displayedPeriod: [\n        null,\n        () => {\n          this.handlers.visible(true);\n        },\n      ],\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.handlers.displayedPeriod(this.asProps.value || this.props.defaultDisplayedPeriod);\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          if (value) {\n            this.handlers.visible(false);\n          }\n          this.handlers.displayedPeriod(value ?? undefined);\n        },\n      ],\n    };\n  }\n\n  navigateView = (direction) => {\n    const { displayedPeriod } = this.asProps;\n    const action = direction >= 1 ? 'add' : 'subtract';\n    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n    this.handlers.displayedPeriod(date);\n  };\n\n  bindHandlerNavigateClick = (direction) => () => {\n    this.navigateView(direction);\n  };\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { value, displayedPeriod, highlighted, disabled: _disabled } = this.asProps;\n    const day = this.keyDiff[e.keyCode];\n\n    const getCurrentHighlightedDay = (day) => {\n      const current_day = day.toDate();\n      const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n      return isDisabledDay ? null : current_day;\n    };\n\n    if (e.keyCode === 32 || (e.keyCode === 13 && highlighted.length)) {\n      this.handlers.value(highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      const current_highlighted =\n        !highlighted[0] && !value\n          ? dayjs(highlighted[0] || displayedPeriod)\n          : dayjs(displayedPeriod).add(day, this.keyStep);\n      const current_day =\n        getCurrentHighlightedDay(current_highlighted) ||\n        getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n      if (current_day) {\n        this.handlers.highlighted([current_day]);\n        this.handlers.displayedPeriod(current_day);\n        e.preventDefault();\n      }\n    }\n  };\n\n  setDefaultInteractionToClick = () => {\n    if (this.state.defaultInteraction === 'click') return;\n    this.setState({ defaultInteraction: 'click' });\n  };\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n\n    return {\n      size,\n      empty: !value,\n      onKeyDown: this.handlerKeyDown,\n      setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Picker.Header />\n          <Picker.Calendar />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      children: (\n        <>\n          <Picker.Prev />\n          <Picker.Title />\n          <Picker.Next />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    return {};\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps() {\n    const { locale, displayedPeriod, disabled, value, onChange, highlighted, onVisibleChange } =\n      this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n      onVisibleChange,\n    };\n  }\n\n  render() {\n    const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n    const { defaultInteraction } = this.state;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction={defaultInteraction}\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"mappings":"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"}

package/lib/cjs/components/RangePickerAbstract.js

@@ -46,27 +46,27 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_4lvef_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4lvef_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4lvef_gg_:active,.___SPopper_4lvef_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_4lvef_gg_:hover{outline:0;text-decoration:none}}.___SPopper_4lvef_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_4lvef_gg_,.___STitle_4lvef_gg_{display:flex;align-items:center}.___STitle_4lvef_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_4lvef_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4lvef_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_4lvef_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_4lvef_gg_{position:absolute;pointer-events:none}.___SDateRange_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_ .___SValue_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SValue_4lvef_gg_{opacity:0}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SSingleDateInput_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SMask_4lvef_gg_,.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_:focus-within .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_4lvef_gg_:focus-within .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}"
+".___SPopper_owa5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_owa5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_owa5_gg_:active,.___SPopper_owa5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_owa5_gg_:hover{outline:0;text-decoration:none}}.___SPopper_owa5_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_owa5_gg_,.___STitle_owa5_gg_{display:flex;align-items:center}.___STitle_owa5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_owa5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_owa5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_owa5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_owa5_gg_{position:absolute;pointer-events:none}.___SDateRange_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_ .___SValue_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SValue_owa5_gg_{opacity:0}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SSingleDateInput_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SDateRange_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SMask_owa5_gg_,.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_:focus-within .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_owa5_gg_:focus-within .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}"
 /*__inner_css_end__*/
-, "4lvef_gg_")
+, "owa5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_4lvef_gg_",
-  "__SHeader": "___SHeader_4lvef_gg_",
-  "__STitle": "___STitle_4lvef_gg_",
-  "__SToday": "___SToday_4lvef_gg_",
-  "__SPeriod": "___SPeriod_4lvef_gg_",
-  "__SIndicator": "___SIndicator_4lvef_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_4lvef_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_4lvef_gg_",
-  "__SValue": "___SValue_4lvef_gg_",
-  "__SDateRange": "___SDateRange_4lvef_gg_",
-  "__SMask": "___SMask_4lvef_gg_",
-  "_focus-within": "__focus-within_4lvef_gg_",
-  "__SInputMask": "___SInputMask_4lvef_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_4lvef_gg_",
-  "__SRangeSep": "___SRangeSep_4lvef_gg_",
-  "_fulfilled": "__fulfilled_4lvef_gg_"
+  "__SPopper": "___SPopper_owa5_gg_",
+  "__SHeader": "___SHeader_owa5_gg_",
+  "__STitle": "___STitle_owa5_gg_",
+  "__SToday": "___SToday_owa5_gg_",
+  "__SPeriod": "___SPeriod_owa5_gg_",
+  "__SIndicator": "___SIndicator_owa5_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_owa5_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_owa5_gg_",
+  "__SValue": "___SValue_owa5_gg_",
+  "__SDateRange": "___SDateRange_owa5_gg_",
+  "__SMask": "___SMask_owa5_gg_",
+  "_focus-within": "__focus-within_owa5_gg_",
+  "__SInputMask": "___SInputMask_owa5_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_owa5_gg_",
+  "__SRangeSep": "___SRangeSep_owa5_gg_",
+  "_fulfilled": "__fulfilled_owa5_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
@@ -101,7 +101,9 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyDiff", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyStep", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      dirtyValue: []
+      dirtyValue: [],
+      // To remove after removing button trigger
+      defaultInteraction: 'focus'
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateView", function (direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
@@ -203,6 +205,13 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
         _this.handlers.highlighted(highlighted);
       });
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDefaultInteractionToClick", function () {
+      if (_this.state.defaultInteraction === 'click') return;
+
+      _this.setState({
+        defaultInteraction: 'click'
+      });
+    });
     return _this;
   }
 
@@ -250,7 +259,8 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       return {
         size: size,
         empty: !value[0] && !value[1],
-        onKeyDown: this.handlerKeyDown
+        onKeyDown: this.handlerKeyDown,
+        setDefaultInteractionToClick: this.setDefaultInteractionToClick
       };
     }
   }, {
@@ -403,9 +413,10 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           Children = _this$asProps8.Children,
           styles = _this$asProps8.styles,
           providedAriaLabel = _this$asProps8['aria-label'];
+      var defaultInteraction = this.state.defaultInteraction;
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
         "use:aria-label": providedAriaLabel,
-        "interaction": "focus",
+        "interaction": defaultInteraction,
         "__excludeProps": ['onChange', 'value']
       }, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
     }

package/lib/cjs/components/RangePickerAbstract.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangePickerAbstract.js","names":["INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","startDate","endDate","RangePickerAbstract","dirtyValue","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","length","handlerChange","preventDefault","includes","tagName","add","keyStep","setState","visible","undefined","props","size","empty","onKeyDown","handlerKeyDown","Picker","CORE_INSTANCE","periods","getDefaultPeriods","unclearable","buttons","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","getI18nText","disabled","onHighlightedChange","onVisibleChange","onChange","onDisplayedPeriodChange","handlerApply","Children","styles","providedAriaLabel","sstyled","Dropdown","defaultValue","i18n","localizedMessages","defaultHighlighted","defaultVisible","Component","style","i18nEnhance","amount","unit","Apply","Button","Reset"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n  if (!Array.isArray(value)) return null;\n  const [startDate, endDate = startDate] = value;\n  return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod:\n        getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n      defaultValue: [],\n      defaultHighlighted: [],\n      defaultVisible: false,\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  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    dirtyValue: [],\n  };\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.setState({ dirtyValue: [] });\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value ?? undefined) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? 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) => () => this.navigateView(direction);\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { displayedPeriod, highlighted } = this.asProps;\n    const { dirtyValue } = this.state;\n    const day = this.keyDiff[e.keyCode];\n\n    const setNextDisplayedPeriod = (next_highlighted) => {\n      const [, right_period] = next_highlighted;\n\n      if (right_period) {\n        const month_right_period = right_period.getMonth();\n        const month_displayed_Period = displayedPeriod.getMonth();\n        if (month_right_period - month_displayed_Period > 1) {\n          return RangePickerAbstract.subtract(right_period, 1, 'month');\n        } else if (month_right_period - month_displayed_Period < 0) {\n          return right_period;\n        }\n      }\n      return displayedPeriod;\n    };\n\n    if (e.keyCode === 32 && highlighted.length) {\n      this.handlerChange(highlighted[1] || highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      if (highlighted.length) {\n        let next_highlighted;\n        if (dirtyValue.length === 1) {\n          next_highlighted = [\n            dirtyValue[0],\n            dayjs(highlighted[1] || highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        } else {\n          next_highlighted = [dayjs(highlighted[0]).add(day, this.keyStep).toDate()];\n        }\n        this.handlers.highlighted(next_highlighted);\n        this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n      } else {\n        this.handlers.highlighted([displayedPeriod]);\n      }\n      e.preventDefault();\n    }\n  };\n\n  handlerApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handlerChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handlerChange = (date) => {\n    let { dirtyValue } = this.state;\n    let highlighted = [];\n    if (Array.isArray(date)) {\n      dirtyValue = date;\n    } else if (!dirtyValue.length) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue.length >= 2) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue[0] > date) {\n      dirtyValue = [date, dirtyValue[0]];\n    } else {\n      dirtyValue = [dirtyValue[0], date];\n    }\n\n    this.setState({ dirtyValue }, () => {\n      this.handlers.highlighted(highlighted);\n    });\n  };\n\n  getDefaultPeriods() {\n    return [];\n  }\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n    return {\n      size,\n      empty: !value[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n    const buttons = (\n      <>\n        <Picker.Apply />\n        {!unclearable && <Picker.Reset ml={2} />}\n      </>\n    );\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Flex>\n            <Box mr={2}>\n              <Picker.Header>\n                <Picker.Prev />\n                <Picker.Title />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            <Box ml={2}>\n              <Picker.Header>\n                <Picker.Title />\n                <Picker.Next />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            {Boolean(periods.length) ? (\n              <>\n                <Divider m=\"-16px 16px\" orientation=\"vertical\" h=\"auto\" />\n                <Flex direction=\"column\">\n                  <Picker.Period />\n                  <Flex mt=\"auto\">{buttons}</Flex>\n                </Flex>\n              </>\n            ) : (\n              <Flex mt={4}>{buttons}</Flex>\n            )}\n          </Flex>\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(props, index) {\n    const { locale, displayedPeriod } = this.asProps;\n    return {\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps(props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    return {\n      locale,\n      displayedPeriod: dayjs(displayedPeriod)\n        .add(index, this.navigateStep)\n        .startOf(this.navigateStep)\n        .toDate(),\n      disabled,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerChange,\n    };\n  }\n\n  getPeriodProps() {\n    const {\n      periods = this.getDefaultPeriods(),\n      value,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      periods,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  getApplyProps() {\n    const { value, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply(dirtyValue.length ? dirtyValue : value),\n    };\n  }\n\n  getResetProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply([]),\n    };\n  }\n\n  render() {\n    const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction=\"focus\"\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nfunction Apply(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"primary\" children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"tertiary\" theme=\"muted\" children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}
+{"version":3,"file":"RangePickerAbstract.js","names":["INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","startDate","endDate","RangePickerAbstract","dirtyValue","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","length","handlerChange","preventDefault","includes","tagName","add","keyStep","setState","visible","undefined","props","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","Picker","CORE_INSTANCE","periods","getDefaultPeriods","unclearable","buttons","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","getI18nText","disabled","onHighlightedChange","onVisibleChange","onChange","onDisplayedPeriodChange","handlerApply","Children","styles","providedAriaLabel","sstyled","Dropdown","defaultValue","i18n","localizedMessages","defaultHighlighted","defaultVisible","Component","style","i18nEnhance","amount","unit","Apply","Button","Reset"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n  if (!Array.isArray(value)) return null;\n  const [startDate, endDate = startDate] = value;\n  return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod:\n        getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n      defaultValue: [],\n      defaultHighlighted: [],\n      defaultVisible: false,\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  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    dirtyValue: [],\n    // To remove after removing button trigger\n    defaultInteraction: 'focus',\n  };\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.setState({ dirtyValue: [] });\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value ?? undefined) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? 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) => () => this.navigateView(direction);\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { displayedPeriod, highlighted } = this.asProps;\n    const { dirtyValue } = this.state;\n    const day = this.keyDiff[e.keyCode];\n\n    const setNextDisplayedPeriod = (next_highlighted) => {\n      const [, right_period] = next_highlighted;\n\n      if (right_period) {\n        const month_right_period = right_period.getMonth();\n        const month_displayed_Period = displayedPeriod.getMonth();\n        if (month_right_period - month_displayed_Period > 1) {\n          return RangePickerAbstract.subtract(right_period, 1, 'month');\n        } else if (month_right_period - month_displayed_Period < 0) {\n          return right_period;\n        }\n      }\n      return displayedPeriod;\n    };\n\n    if (e.keyCode === 32 && highlighted.length) {\n      this.handlerChange(highlighted[1] || highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      if (highlighted.length) {\n        let next_highlighted;\n        if (dirtyValue.length === 1) {\n          next_highlighted = [\n            dirtyValue[0],\n            dayjs(highlighted[1] || highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        } else {\n          next_highlighted = [dayjs(highlighted[0]).add(day, this.keyStep).toDate()];\n        }\n        this.handlers.highlighted(next_highlighted);\n        this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n      } else {\n        this.handlers.highlighted([displayedPeriod]);\n      }\n      e.preventDefault();\n    }\n  };\n\n  handlerApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handlerChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handlerChange = (date) => {\n    let { dirtyValue } = this.state;\n    let highlighted = [];\n    if (Array.isArray(date)) {\n      dirtyValue = date;\n    } else if (!dirtyValue.length) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue.length >= 2) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue[0] > date) {\n      dirtyValue = [date, dirtyValue[0]];\n    } else {\n      dirtyValue = [dirtyValue[0], date];\n    }\n\n    this.setState({ dirtyValue }, () => {\n      this.handlers.highlighted(highlighted);\n    });\n  };\n\n  getDefaultPeriods() {\n    return [];\n  }\n\n  setDefaultInteractionToClick = () => {\n    if (this.state.defaultInteraction === 'click') return;\n    this.setState({ defaultInteraction: 'click' });\n  };\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n\n    return {\n      size,\n      empty: !value[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n      setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n    const buttons = (\n      <>\n        <Picker.Apply />\n        {!unclearable && <Picker.Reset ml={2} />}\n      </>\n    );\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Flex>\n            <Box mr={2}>\n              <Picker.Header>\n                <Picker.Prev />\n                <Picker.Title />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            <Box ml={2}>\n              <Picker.Header>\n                <Picker.Title />\n                <Picker.Next />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            {Boolean(periods.length) ? (\n              <>\n                <Divider m=\"-16px 16px\" orientation=\"vertical\" h=\"auto\" />\n                <Flex direction=\"column\">\n                  <Picker.Period />\n                  <Flex mt=\"auto\">{buttons}</Flex>\n                </Flex>\n              </>\n            ) : (\n              <Flex mt={4}>{buttons}</Flex>\n            )}\n          </Flex>\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(props, index) {\n    const { locale, displayedPeriod } = this.asProps;\n    return {\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps(props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    return {\n      locale,\n      displayedPeriod: dayjs(displayedPeriod)\n        .add(index, this.navigateStep)\n        .startOf(this.navigateStep)\n        .toDate(),\n      disabled,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerChange,\n    };\n  }\n\n  getPeriodProps() {\n    const {\n      periods = this.getDefaultPeriods(),\n      value,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      periods,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  getApplyProps() {\n    const { value, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply(dirtyValue.length ? dirtyValue : value),\n    };\n  }\n\n  getResetProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply([]),\n    };\n  }\n\n  render() {\n    const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n    const { defaultInteraction } = this.state;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction={defaultInteraction}\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nfunction Apply(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"primary\" children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"tertiary\" theme=\"muted\" children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}

package/lib/cjs/components/index.js

@@ -145,12 +145,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_14kun_gg_{justify-content:flex-start}"
+".___SInner_1pdrb_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "14kun_gg_")
+, "1pdrb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_14kun_gg_"
+  "__SInner": "___SInner_1pdrb_gg_"
 });
 
 var Period = /*#__PURE__*/function (_Component) {

package/lib/es6/components/ButtonTrigger.js

@@ -7,7 +7,11 @@ import createComponent, { Root } from '@semcore/core';
 
 var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
   var _ref = arguments[0];
-  var Children = _ref2.Children;
+  var Children = _ref2.Children,
+      setDefaultInteractionToClick = _ref2.setDefaultInteractionToClick;
+  React.useEffect(function () {
+    setDefaultInteractionToClick === null || setDefaultInteractionToClick === void 0 ? void 0 : setDefaultInteractionToClick();
+  }, [setDefaultInteractionToClick]);
   return /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), /*#__PURE__*/React.createElement(ButtonTrigger.Addon, {
     tag: Calendar
   }), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));

package/lib/es6/components/ButtonTrigger.js.map

@@ -1 +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"}
+{"version":3,"file":"ButtonTrigger.js","names":["React","BaseTrigger","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","Children","setDefaultInteractionToClick","useEffect","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, setDefaultInteractionToClick }) => {\n  React.useEffect(() => {\n    setDefaultInteractionToClick?.();\n  }, [setDefaultInteractionToClick]);\n\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,QAAgD;EAAA;EAAA,IAA7CC,QAA6C,SAA7CA,QAA6C;EAAA,IAAnCC,4BAAmC,SAAnCA,4BAAmC;EACxER,KAAK,CAACS,SAAN,CAAgB,YAAM;IACpBD,4BAA4B,SAA5B,IAAAA,4BAA4B,WAA5B,YAAAA,4BAA4B;EAC7B,CAFD,EAEG,CAACA,4BAAD,CAFH;EAIA,oBACE,oBAAcP,WAAd,uCACE,oBAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEE;EAA1B,EADF,EAEGD,iBAAiB,CAACK,QAAD,EAAWG,aAAa,CAACC,IAAzB,EAA+BD,aAAa,CAACE,KAA7C,EAAoD,IAApD,CAFpB,CADF;AAMD,CAXD;;AAaAN,iBAAiB,CAACO,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAGN,eAAe,CAACE,iBAAD,EAAoB;EACvDK,IAAI,EAAEV,WAAW,CAACU,IADqC;EAEvDC,KAAK,EAAEX,WAAW,CAACW;AAFoC,CAApB,CAArC;AAKA,eAAeF,aAAf"}

package/lib/es6/components/Calendar.js

@@ -29,26 +29,26 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_x91qp_gg_{display:flex;flex-direction:column}.___SGridDays_x91qp_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_x91qp_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_x91qp_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_x91qp_gg_,.___SWeekDay_x91qp_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_x91qp_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_x91qp_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s;outline:0;margin:0}@media (hover:hover){.___SCalendarUnit_x91qp_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_x91qp_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_x91qp_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_x91qp_gg_.__today_x91qp_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_x91qp_gg_.__today_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_:before,.___SCalendarUnit_x91qp_gg_.__today_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_x91qp_gg_.__selected_x91qp_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__selected_x91qp_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_x91qp_gg_.__highlighted_x91qp_gg_{background:var(--intergalactic-date-picker-cell-range, #c4e5fe);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__highlighted_x91qp_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_,.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_x91qp_gg_.__startHighlighted_x91qp_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_x91qp_gg_.__endHighlighted_x91qp_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_x91qp_gg_.__startHighlighted_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__endHighlighted_x91qp_gg_,.___SCalendarUnit_x91qp_gg_.__startSelected_x91qp_gg_.___SCalendarUnit_x91qp_gg_.__endSelected_x91qp_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_x91qp_gg_.__outdated_x91qp_gg_{opacity:.2}.___SCalendarUnit_x91qp_gg_.__disabled_x91qp_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_x91qp_gg_{transition:none}}"
+".___SCalendar_17xk5_gg_{display:flex;flex-direction:column}.___SGridDays_17xk5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_17xk5_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_17xk5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_17xk5_gg_,.___SWeekDay_17xk5_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_17xk5_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_17xk5_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s;outline:0;margin:0}@media (hover:hover){.___SCalendarUnit_17xk5_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_17xk5_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_17xk5_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCalendarUnit_17xk5_gg_.__today_17xk5_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_17xk5_gg_.__today_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_:before,.___SCalendarUnit_17xk5_gg_.__today_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_17xk5_gg_.__selected_17xk5_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__selected_17xk5_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_17xk5_gg_.__highlighted_17xk5_gg_{background:var(--intergalactic-date-picker-cell-range, #c4e5fe);border-radius:0;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__highlighted_17xk5_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_,.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_{background:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_17xk5_gg_.__startHighlighted_17xk5_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_17xk5_gg_.__endHighlighted_17xk5_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_17xk5_gg_.__startHighlighted_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__endHighlighted_17xk5_gg_,.___SCalendarUnit_17xk5_gg_.__startSelected_17xk5_gg_.___SCalendarUnit_17xk5_gg_.__endSelected_17xk5_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_17xk5_gg_.__outdated_17xk5_gg_{opacity:.2}.___SCalendarUnit_17xk5_gg_.__disabled_17xk5_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_17xk5_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "x91qp_gg_")
+, "17xk5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_x91qp_gg_",
-  "__SGridDays": "___SGridDays_x91qp_gg_",
-  "__SGridMonths": "___SGridMonths_x91qp_gg_",
-  "__SWeekDays": "___SWeekDays_x91qp_gg_",
-  "__SWeekDay": "___SWeekDay_x91qp_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_x91qp_gg_",
-  "_today": "__today_x91qp_gg_",
-  "_startSelected": "__startSelected_x91qp_gg_",
-  "_endSelected": "__endSelected_x91qp_gg_",
-  "_selected": "__selected_x91qp_gg_",
-  "_highlighted": "__highlighted_x91qp_gg_",
-  "_startHighlighted": "__startHighlighted_x91qp_gg_",
-  "_endHighlighted": "__endHighlighted_x91qp_gg_",
-  "_outdated": "__outdated_x91qp_gg_",
-  "_disabled": "__disabled_x91qp_gg_"
+  "__SCalendar": "___SCalendar_17xk5_gg_",
+  "__SGridDays": "___SGridDays_17xk5_gg_",
+  "__SGridMonths": "___SGridMonths_17xk5_gg_",
+  "__SWeekDays": "___SWeekDays_17xk5_gg_",
+  "__SWeekDay": "___SWeekDay_17xk5_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_17xk5_gg_",
+  "_today": "__today_17xk5_gg_",
+  "_startSelected": "__startSelected_17xk5_gg_",
+  "_endSelected": "__endSelected_17xk5_gg_",
+  "_selected": "__selected_17xk5_gg_",
+  "_highlighted": "__highlighted_17xk5_gg_",
+  "_startHighlighted": "__startHighlighted_17xk5_gg_",
+  "_endHighlighted": "__endHighlighted_17xk5_gg_",
+  "_outdated": "__outdated_17xk5_gg_",
+  "_disabled": "__disabled_17xk5_gg_"
 });
 dayjs.extend(isBetween);
 

package/lib/es6/components/InputTrigger.js

@@ -38,27 +38,27 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_4lvef_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4lvef_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4lvef_gg_:active,.___SPopper_4lvef_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_4lvef_gg_:hover{outline:0;text-decoration:none}}.___SPopper_4lvef_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_4lvef_gg_,.___STitle_4lvef_gg_{display:flex;align-items:center}.___STitle_4lvef_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_4lvef_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4lvef_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_4lvef_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_4lvef_gg_{position:absolute;pointer-events:none}.___SDateRange_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_ .___SValue_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SValue_4lvef_gg_{opacity:0}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SSingleDateInput_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SMask_4lvef_gg_,.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_:focus-within .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_4lvef_gg_:focus-within .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}"
+".___SPopper_owa5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_owa5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_owa5_gg_:active,.___SPopper_owa5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_owa5_gg_:hover{outline:0;text-decoration:none}}.___SPopper_owa5_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_owa5_gg_,.___STitle_owa5_gg_{display:flex;align-items:center}.___STitle_owa5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_owa5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_owa5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_owa5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_owa5_gg_{position:absolute;pointer-events:none}.___SDateRange_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_ .___SValue_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SValue_owa5_gg_{opacity:0}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SSingleDateInput_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SDateRange_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SMask_owa5_gg_,.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_:focus-within .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_owa5_gg_:focus-within .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}"
 /*__inner_css_end__*/
-, "4lvef_gg_")
+, "owa5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_4lvef_gg_",
-  "__SHeader": "___SHeader_4lvef_gg_",
-  "__STitle": "___STitle_4lvef_gg_",
-  "__SToday": "___SToday_4lvef_gg_",
-  "__SPeriod": "___SPeriod_4lvef_gg_",
-  "__SIndicator": "___SIndicator_4lvef_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_4lvef_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_4lvef_gg_",
-  "__SValue": "___SValue_4lvef_gg_",
-  "__SDateRange": "___SDateRange_4lvef_gg_",
-  "__SMask": "___SMask_4lvef_gg_",
-  "_focus-within": "__focus-within_4lvef_gg_",
-  "__SInputMask": "___SInputMask_4lvef_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_4lvef_gg_",
-  "__SRangeSep": "___SRangeSep_4lvef_gg_",
-  "_fulfilled": "__fulfilled_4lvef_gg_"
+  "__SPopper": "___SPopper_owa5_gg_",
+  "__SHeader": "___SHeader_owa5_gg_",
+  "__STitle": "___STitle_owa5_gg_",
+  "__SToday": "___SToday_owa5_gg_",
+  "__SPeriod": "___SPeriod_owa5_gg_",
+  "__SIndicator": "___SIndicator_owa5_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_owa5_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_owa5_gg_",
+  "__SValue": "___SValue_owa5_gg_",
+  "__SDateRange": "___SDateRange_owa5_gg_",
+  "__SMask": "___SMask_owa5_gg_",
+  "_focus-within": "__focus-within_owa5_gg_",
+  "__SInputMask": "___SInputMask_owa5_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_owa5_gg_",
+  "__SRangeSep": "___SRangeSep_owa5_gg_",
+  "_fulfilled": "__fulfilled_owa5_gg_"
 });
 import assignProps from '@semcore/utils/lib/assignProps';
 var defaultAllowedParts = {

package/lib/es6/components/PickerAbstract.js

@@ -18,27 +18,27 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_4lvef_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4lvef_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4lvef_gg_:active,.___SPopper_4lvef_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_4lvef_gg_:hover{outline:0;text-decoration:none}}.___SPopper_4lvef_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_4lvef_gg_,.___STitle_4lvef_gg_{display:flex;align-items:center}.___STitle_4lvef_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_4lvef_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4lvef_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_4lvef_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_4lvef_gg_{position:absolute;pointer-events:none}.___SDateRange_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_ .___SValue_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SValue_4lvef_gg_{opacity:0}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SSingleDateInput_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SMask_4lvef_gg_,.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_:focus-within .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_4lvef_gg_:focus-within .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}"
+".___SPopper_owa5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_owa5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_owa5_gg_:active,.___SPopper_owa5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_owa5_gg_:hover{outline:0;text-decoration:none}}.___SPopper_owa5_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_owa5_gg_,.___STitle_owa5_gg_{display:flex;align-items:center}.___STitle_owa5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_owa5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_owa5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_owa5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_owa5_gg_{position:absolute;pointer-events:none}.___SDateRange_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_ .___SValue_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SValue_owa5_gg_{opacity:0}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SSingleDateInput_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SDateRange_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SMask_owa5_gg_,.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_:focus-within .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_owa5_gg_:focus-within .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}"
 /*__inner_css_end__*/
-, "4lvef_gg_")
+, "owa5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_4lvef_gg_",
-  "__SHeader": "___SHeader_4lvef_gg_",
-  "__STitle": "___STitle_4lvef_gg_",
-  "__SToday": "___SToday_4lvef_gg_",
-  "__SPeriod": "___SPeriod_4lvef_gg_",
-  "__SIndicator": "___SIndicator_4lvef_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_4lvef_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_4lvef_gg_",
-  "__SValue": "___SValue_4lvef_gg_",
-  "__SDateRange": "___SDateRange_4lvef_gg_",
-  "__SMask": "___SMask_4lvef_gg_",
-  "_focus-within": "__focus-within_4lvef_gg_",
-  "__SInputMask": "___SInputMask_4lvef_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_4lvef_gg_",
-  "__SRangeSep": "___SRangeSep_4lvef_gg_",
-  "_fulfilled": "__fulfilled_4lvef_gg_"
+  "__SPopper": "___SPopper_owa5_gg_",
+  "__SHeader": "___SHeader_owa5_gg_",
+  "__STitle": "___STitle_owa5_gg_",
+  "__SToday": "___SToday_owa5_gg_",
+  "__SPeriod": "___SPeriod_owa5_gg_",
+  "__SIndicator": "___SIndicator_owa5_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_owa5_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_owa5_gg_",
+  "__SValue": "___SValue_owa5_gg_",
+  "__SDateRange": "___SDateRange_owa5_gg_",
+  "__SMask": "___SMask_owa5_gg_",
+  "_focus-within": "__focus-within_owa5_gg_",
+  "__SInputMask": "___SInputMask_owa5_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_owa5_gg_",
+  "__SRangeSep": "___SRangeSep_owa5_gg_",
+  "_fulfilled": "__fulfilled_owa5_gg_"
 });
 import includesDate from '../utils/includesDate';
 var INTERACTION_TAGS = ['INPUT'];
@@ -66,6 +66,11 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "keyStep", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      // To remove after removing button trigger
+      defaultInteraction: 'focus'
+    });
+
     _defineProperty(_assertThisInitialized(_this), "navigateView", function (direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
       var action = direction >= 1 ? 'add' : 'subtract';
@@ -118,6 +123,14 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "setDefaultInteractionToClick", function () {
+      if (_this.state.defaultInteraction === 'click') return;
+
+      _this.setState({
+        defaultInteraction: 'click'
+      });
+    });
+
     return _this;
   }
 
@@ -156,7 +169,8 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
       return {
         size: size,
         empty: !value,
-        onKeyDown: this.handlerKeyDown
+        onKeyDown: this.handlerKeyDown,
+        setDefaultInteractionToClick: this.setDefaultInteractionToClick
       };
     }
   }, {
@@ -230,9 +244,10 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
           styles = _this$asProps4.styles,
           Children = _this$asProps4.Children,
           providedAriaLabel = _this$asProps4['aria-label'];
+      var defaultInteraction = this.state.defaultInteraction;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(Dropdown, _assignProps({
         "use:aria-label": providedAriaLabel,
-        "interaction": "focus",
+        "interaction": defaultInteraction,
         "__excludeProps": ['onChange', 'value']
       }, _ref), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
     }

package/lib/es6/components/PickerAbstract.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Dropdown","i18nEnhance","localizedMessages","includesDate","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","value","highlighted","_disabled","disabled","day","keyDiff","keyCode","getCurrentHighlightedDay","current_day","isDisabledDay","some","length","preventDefault","includes","tagName","current_highlighted","add","keyStep","visible","props","undefined","size","empty","onKeyDown","handlerKeyDown","Picker","tabIndex","children","onClick","bindHandlerNavigateClick","getI18nText","locale","onChange","onVisibleChange","renderOutdated","styles","Children","providedAriaLabel","defaultValue","i18n","defaultVisible","defaultHighlighted","style","amount","unit","subtract"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n      defaultValue: null,\n      defaultVisible: false,\n      defaultHighlighted: [],\n      disabled: [],\n      size: 'm',\n    };\n  }\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static add = (date, amount, unit) => {\n    return dayjs(date).add(amount, unit).toDate();\n  };\n\n  static subtract = (date, amount, unit) => {\n    return dayjs(date).subtract(amount, unit).toDate();\n  };\n\n  navigateStep;\n  keyDiff;\n  keyStep;\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: [\n        null,\n        () => {\n          this.handlers.visible(true);\n        },\n      ],\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.handlers.displayedPeriod(this.asProps.value || this.props.defaultDisplayedPeriod);\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          if (value) {\n            this.handlers.visible(false);\n          }\n          this.handlers.displayedPeriod(value ?? undefined);\n        },\n      ],\n    };\n  }\n\n  navigateView = (direction) => {\n    const { displayedPeriod } = this.asProps;\n    const action = direction >= 1 ? 'add' : 'subtract';\n    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n    this.handlers.displayedPeriod(date);\n  };\n\n  bindHandlerNavigateClick = (direction) => () => {\n    this.navigateView(direction);\n  };\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { value, displayedPeriod, highlighted, disabled: _disabled } = this.asProps;\n    const day = this.keyDiff[e.keyCode];\n\n    const getCurrentHighlightedDay = (day) => {\n      const current_day = day.toDate();\n      const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n      return isDisabledDay ? null : current_day;\n    };\n\n    if (e.keyCode === 32 || (e.keyCode === 13 && highlighted.length)) {\n      this.handlers.value(highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      const current_highlighted =\n        !highlighted[0] && !value\n          ? dayjs(highlighted[0] || displayedPeriod)\n          : dayjs(displayedPeriod).add(day, this.keyStep);\n      const current_day =\n        getCurrentHighlightedDay(current_highlighted) ||\n        getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n      if (current_day) {\n        this.handlers.highlighted([current_day]);\n        this.handlers.displayedPeriod(current_day);\n        e.preventDefault();\n      }\n    }\n  };\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n    return {\n      size,\n      empty: !value,\n      onKeyDown: this.handlerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Picker.Header />\n          <Picker.Calendar />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      children: (\n        <>\n          <Picker.Prev />\n          <Picker.Title />\n          <Picker.Next />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    return {};\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps() {\n    const { locale, displayedPeriod, disabled, value, onChange, highlighted, onVisibleChange } =\n      this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n      onVisibleChange,\n    };\n  }\n\n  render() {\n    const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction=\"focus\"\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,aAA1B,EAAyCC,OAAzC,QAAwD,eAAxD;AACA,OAAOC,QAAP,MAAqB,mBAArB;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AAEA,SAASC,iBAAT,QAAkC,iDAAlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,OAAOC,YAAP,MAAyB,uBAAzB;AAEA,IAAMC,gBAAgB,GAAG,CAAC,OAAD,CAAzB;AAEA,IAAMC,sBAAsB,GAAG,IAAIC,IAAJ,CAAS,IAAIA,IAAJ,GAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B,CAAT,CAA/B;;IAEMC,c;;;;;;;;;;;;;;;;;;;;;;mEA2DW,UAACC,SAAD,EAAe;MAC5B,IAAQC,eAAR,GAA4B,MAAKC,OAAjC,CAAQD,eAAR;MACA,IAAME,MAAM,GAAGH,SAAS,IAAI,CAAb,GAAiB,KAAjB,GAAyB,UAAxC;MACA,IAAMI,IAAI,GAAGlB,KAAK,CAACe,eAAD,CAAL,CAAuBE,MAAvB,EAA+B,CAA/B,EAAkC,MAAKE,YAAvC,EAAqDC,MAArD,EAAb;;MACA,MAAKC,QAAL,CAAcN,eAAd,CAA8BG,IAA9B;IACD,C;;+EAE0B,UAACJ,SAAD;MAAA,OAAe,YAAM;QAC9C,MAAKQ,YAAL,CAAkBR,SAAlB;MACD,CAF0B;IAAA,C;;qEAIV,UAACS,CAAD,EAAO;MACtB,IAAIA,CAAC,CAACC,MAAF,KAAaD,CAAC,CAACE,aAAnB,EAAkC;MAClC,oBAAqE,MAAKT,OAA1E;MAAA,IAAQU,KAAR,iBAAQA,KAAR;MAAA,IAAeX,eAAf,iBAAeA,eAAf;MAAA,IAAgCY,WAAhC,iBAAgCA,WAAhC;MAAA,IAAuDC,SAAvD,iBAA6CC,QAA7C;MACA,IAAMC,GAAG,GAAG,MAAKC,OAAL,CAAaR,CAAC,CAACS,OAAf,CAAZ;;MAEA,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACH,GAAD,EAAS;QACxC,IAAMI,WAAW,GAAGJ,GAAG,CAACV,MAAJ,EAApB;;QACA,IAAMe,aAAa,GAAGP,SAAS,CAACQ,IAAV,CAAe5B,YAAY,CAACR,KAAK,CAACkC,WAAD,CAAN,EAAqB,MAArB,CAA3B,CAAtB;;QACA,OAAOC,aAAa,GAAG,IAAH,GAAUD,WAA9B;MACD,CAJD;;MAMA,IAAIX,CAAC,CAACS,OAAF,KAAc,EAAd,IAAqBT,CAAC,CAACS,OAAF,KAAc,EAAd,IAAoBL,WAAW,CAACU,MAAzD,EAAkE;QAChE,MAAKhB,QAAL,CAAcK,KAAd,CAAoBC,WAAW,CAAC,CAAD,CAA/B;;QACAJ,CAAC,CAACe,cAAF;MACD;;MACD,IAAIR,GAAJ,EAAS;QACP,IAAIrB,gBAAgB,CAAC8B,QAAjB,CAA0BhB,CAAC,CAACC,MAAF,CAASgB,OAAnC,CAAJ,EAAiD;QACjD,IAAMC,mBAAmB,GACvB,CAACd,WAAW,CAAC,CAAD,CAAZ,IAAmB,CAACD,KAApB,GACI1B,KAAK,CAAC2B,WAAW,CAAC,CAAD,CAAX,IAAkBZ,eAAnB,CADT,GAEIf,KAAK,CAACe,eAAD,CAAL,CAAuB2B,GAAvB,CAA2BZ,GAA3B,EAAgC,MAAKa,OAArC,CAHN;QAIA,IAAMT,WAAW,GACfD,wBAAwB,CAACQ,mBAAD,CAAxB,IACAR,wBAAwB,CAACjC,KAAK,CAAC2B,WAAW,CAAC,CAAD,CAAX,IAAkBZ,eAAnB,CAAN,CAF1B;;QAIA,IAAImB,WAAJ,EAAiB;UACf,MAAKb,QAAL,CAAcM,WAAd,CAA0B,CAACO,WAAD,CAA1B;;UACA,MAAKb,QAAL,CAAcN,eAAd,CAA8BmB,WAA9B;;UACAX,CAAC,CAACe,cAAF;QACD;MACF;IACF,C;;;;;;;WAxED,6BAAoB;MAAA;;MAClB,OAAO;QACLvB,eAAe,EAAE,CACf,IADe,EAEf,YAAM;UACJ,MAAI,CAACM,QAAL,CAAcuB,OAAd,CAAsB,IAAtB;QACD,CAJc,CADZ;QAOLA,OAAO,EAAE,CACP,IADO,EAEP,UAACA,OAAD,EAAa;UACX,IAAI,CAACA,OAAL,EAAc;YACZ,MAAI,CAACvB,QAAL,CAAcM,WAAd,CAA0B,EAA1B;;YACA,MAAI,CAACN,QAAL,CAAcN,eAAd,CAA8B,MAAI,CAACC,OAAL,CAAaU,KAAb,IAAsB,MAAI,CAACmB,KAAL,CAAWnC,sBAA/D;UACD;QACF,CAPM,CAPJ;QAgBLiB,WAAW,EAAE,IAhBR;QAiBLD,KAAK,EAAE,CACL,IADK,EAEL,UAACA,KAAD,EAAW;UACT,IAAIA,KAAJ,EAAW;YACT,MAAI,CAACL,QAAL,CAAcuB,OAAd,CAAsB,KAAtB;UACD;;UACD,MAAI,CAACvB,QAAL,CAAcN,eAAd,CAA8BW,KAA9B,aAA8BA,KAA9B,cAA8BA,KAA9B,GAAuCoB,SAAvC;QACD,CAPI;MAjBF,CAAP;IA2BD;;;WA8CD,2BAAkB;MAChB,qBAAwB,KAAK9B,OAA7B;MAAA,IAAQU,KAAR,kBAAQA,KAAR;MAAA,IAAeqB,IAAf,kBAAeA,IAAf;MACA,OAAO;QACLA,IAAI,EAAJA,IADK;QAELC,KAAK,EAAE,CAACtB,KAFH;QAGLuB,SAAS,EAAE,KAAKC;MAHX,CAAP;IAKD;;;WAED,0BAAiB;MACf,IAAMC,MAAM,GAAG,KAAKhD,aAAL,CAAf;MACA,OAAO;QACLiD,QAAQ,EAAE,CADL;QAELH,SAAS,EAAE,KAAKC,cAFX;QAGLG,QAAQ,eACN,uDACE,oBAAC,MAAD,CAAQ,MAAR,OADF,eAEE,oBAAC,MAAD,CAAQ,QAAR,OAFF;MAJG,CAAP;IAUD;;;WAED,0BAAiB;MACf,IAAMF,MAAM,GAAG,KAAKhD,aAAL,CAAf;MACA,OAAO;QACLkD,QAAQ,eACN,uDACE,oBAAC,MAAD,CAAQ,IAAR,OADF,eAEE,oBAAC,MAAD,CAAQ,KAAR,OAFF,eAGE,oBAAC,MAAD,CAAQ,IAAR,OAHF;MAFG,CAAP;IASD;;;WAED,yBAAgB;MACd,OAAO,EAAP;IACD;;;WAED,wBAAe;MACb,OAAO;QACLC,OAAO,EAAE,KAAKC,wBAAL,CAA8B,CAA9B,CADJ;QAELC,WAAW,EAAE,KAAKxC,OAAL,CAAawC;MAFrB,CAAP;IAID;;;WAED,wBAAe;MACb,OAAO;QACLF,OAAO,EAAE,KAAKC,wBAAL,CAA8B,CAAC,CAA/B,CADJ;QAELC,WAAW,EAAE,KAAKxC,OAAL,CAAawC;MAFrB,CAAP;IAID;;;WAED,4BAAmB;MACjB,qBACE,KAAKxC,OADP;MAAA,IAAQyC,MAAR,kBAAQA,MAAR;MAAA,IAAgB1C,eAAhB,kBAAgBA,eAAhB;MAAA,IAAiCc,QAAjC,kBAAiCA,QAAjC;MAAA,IAA2CH,KAA3C,kBAA2CA,KAA3C;MAAA,IAAkDgC,QAAlD,kBAAkDA,QAAlD;MAAA,IAA4D/B,WAA5D,kBAA4DA,WAA5D;MAAA,IAAyEgC,eAAzE,kBAAyEA,eAAzE;MAEA,OAAO;QACLF,MAAM,EAANA,MADK;QAEL1C,eAAe,EAAfA,eAFK;QAGLc,QAAQ,EAARA,QAHK;QAIL6B,QAAQ,EAARA,QAJK;QAKL/B,WAAW,EAAXA,WALK;QAMLD,KAAK,EAAE,CAACA,KAAD,EAAQA,KAAR,CANF;QAOLkC,cAAc,EAAE,IAPX;QAQLD,eAAe,EAAfA;MARK,CAAP;IAUD;;;WAED,kBAAS;MAAA;MAAA;;MACP,qBAA8D,KAAK3C,OAAnE;MAAA,IAAQ6C,MAAR,kBAAQA,MAAR;MAAA,IAAgBC,QAAhB,kBAAgBA,QAAhB;MAAA,IAAwCC,iBAAxC,kBAA0B,YAA1B;MAEA,eAAO3D,OAAO,CAACyD,MAAD,CAAd,eACE,oBACUxD,QADV;QAAA,kBAEkB0D,iBAFlB;QAAA,eAGc,OAHd;QAAA,kBAIkB,CAAC,UAAD,EAAa,OAAb;MAJlB,uBAME,oBAAC,QAAD,2BANF,CADF;IAUD;;;WAtLD,6BAA6C;MAAA,IAAvBrC,KAAuB,SAAvBA,KAAuB;MAAA,IAAhBsC,YAAgB,SAAhBA,YAAgB;MAC3C,OAAO;QACLC,IAAI,EAAE1D,iBADD;QAELkD,MAAM,EAAE,IAFH;QAGL/C,sBAAsB,EAAEgB,KAAK,IAAIsC,YAAT,IAAyBtD,sBAH5C;QAILsD,YAAY,EAAE,IAJT;QAKLE,cAAc,EAAE,KALX;QAMLC,kBAAkB,EAAE,EANf;QAOLtC,QAAQ,EAAE,EAPL;QAQLkB,IAAI,EAAE;MARD,CAAP;IAUD;;;;EAd0B9C,S;;gBAAvBY,c,iBACiB,Y;;gBADjBA,c,WAEWuD,K;;gBAFXvD,c,aAea,CAACP,WAAW,CAACC,iBAAD,CAAZ,C;;gBAfbM,c,SAiBS,UAACK,IAAD,EAAOmD,MAAP,EAAeC,IAAf,EAAwB;EACnC,OAAOtE,KAAK,CAACkB,IAAD,CAAL,CAAYwB,GAAZ,CAAgB2B,MAAhB,EAAwBC,IAAxB,EAA8BlD,MAA9B,EAAP;AACD,C;;gBAnBGP,c,cAqBc,UAACK,IAAD,EAAOmD,MAAP,EAAeC,IAAf,EAAwB;EACxC,OAAOtE,KAAK,CAACkB,IAAD,CAAL,CAAYqD,QAAZ,CAAqBF,MAArB,EAA6BC,IAA7B,EAAmClD,MAAnC,EAAP;AACD,C;;AAqKH,eAAeP,cAAf"}
+{"version":3,"file":"PickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Dropdown","i18nEnhance","localizedMessages","includesDate","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","defaultInteraction","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","value","highlighted","_disabled","disabled","day","keyDiff","keyCode","getCurrentHighlightedDay","current_day","isDisabledDay","some","length","preventDefault","includes","tagName","current_highlighted","add","keyStep","state","setState","visible","props","undefined","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","Picker","tabIndex","children","onClick","bindHandlerNavigateClick","getI18nText","locale","onChange","onVisibleChange","renderOutdated","styles","Children","providedAriaLabel","defaultValue","i18n","defaultVisible","defaultHighlighted","style","amount","unit","subtract"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n      defaultValue: null,\n      defaultVisible: false,\n      defaultHighlighted: [],\n      disabled: [],\n      size: 'm',\n    };\n  }\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static add = (date, amount, unit) => {\n    return dayjs(date).add(amount, unit).toDate();\n  };\n\n  static subtract = (date, amount, unit) => {\n    return dayjs(date).subtract(amount, unit).toDate();\n  };\n\n  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    // To remove after removing button trigger\n    defaultInteraction: 'focus',\n  };\n  uncontrolledProps() {\n    return {\n      displayedPeriod: [\n        null,\n        () => {\n          this.handlers.visible(true);\n        },\n      ],\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.handlers.displayedPeriod(this.asProps.value || this.props.defaultDisplayedPeriod);\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          if (value) {\n            this.handlers.visible(false);\n          }\n          this.handlers.displayedPeriod(value ?? undefined);\n        },\n      ],\n    };\n  }\n\n  navigateView = (direction) => {\n    const { displayedPeriod } = this.asProps;\n    const action = direction >= 1 ? 'add' : 'subtract';\n    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n    this.handlers.displayedPeriod(date);\n  };\n\n  bindHandlerNavigateClick = (direction) => () => {\n    this.navigateView(direction);\n  };\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { value, displayedPeriod, highlighted, disabled: _disabled } = this.asProps;\n    const day = this.keyDiff[e.keyCode];\n\n    const getCurrentHighlightedDay = (day) => {\n      const current_day = day.toDate();\n      const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n      return isDisabledDay ? null : current_day;\n    };\n\n    if (e.keyCode === 32 || (e.keyCode === 13 && highlighted.length)) {\n      this.handlers.value(highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      const current_highlighted =\n        !highlighted[0] && !value\n          ? dayjs(highlighted[0] || displayedPeriod)\n          : dayjs(displayedPeriod).add(day, this.keyStep);\n      const current_day =\n        getCurrentHighlightedDay(current_highlighted) ||\n        getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n      if (current_day) {\n        this.handlers.highlighted([current_day]);\n        this.handlers.displayedPeriod(current_day);\n        e.preventDefault();\n      }\n    }\n  };\n\n  setDefaultInteractionToClick = () => {\n    if (this.state.defaultInteraction === 'click') return;\n    this.setState({ defaultInteraction: 'click' });\n  };\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n\n    return {\n      size,\n      empty: !value,\n      onKeyDown: this.handlerKeyDown,\n      setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Picker.Header />\n          <Picker.Calendar />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      children: (\n        <>\n          <Picker.Prev />\n          <Picker.Title />\n          <Picker.Next />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    return {};\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps() {\n    const { locale, displayedPeriod, disabled, value, onChange, highlighted, onVisibleChange } =\n      this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n      onVisibleChange,\n    };\n  }\n\n  render() {\n    const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n    const { defaultInteraction } = this.state;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction={defaultInteraction}\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"mappings":"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"}

package/lib/es6/components/RangePickerAbstract.js

@@ -24,27 +24,27 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_4lvef_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4lvef_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4lvef_gg_:active,.___SPopper_4lvef_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_4lvef_gg_:hover{outline:0;text-decoration:none}}.___SPopper_4lvef_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_4lvef_gg_,.___STitle_4lvef_gg_{display:flex;align-items:center}.___STitle_4lvef_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_4lvef_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4lvef_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_4lvef_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_4lvef_gg_{position:absolute;pointer-events:none}.___SDateRange_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_ .___SValue_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_ .___SValue_4lvef_gg_{opacity:0}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SSingleDateInput_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SSingleDateInput_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_:focus-within .___SHumanizedDate_4lvef_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_:focus-within .___SMask_4lvef_gg_,.___SDateRange_4lvef_gg_:focus-within .___SValue_4lvef_gg_{opacity:1}.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SMask_4lvef_gg_,.___SInputMask_4lvef_gg_.__noHumanizedDate_4lvef_gg_ .___SValue_4lvef_gg_{opacity:1}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_.__focus-within_4lvef_gg_ .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_ .___SInputMask_4lvef_gg_:focus-within .___SMask_4lvef_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_4lvef_gg_.__focus-within_4lvef_gg_ .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_4lvef_gg_:focus-within .___SRangeSep_4lvef_gg_,.___SRangeSep_4lvef_gg_.__fulfilled_4lvef_gg_{color:var(--intergalactic-text-primary, #191b23)}"
+".___SPopper_owa5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_owa5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_owa5_gg_:active,.___SPopper_owa5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPopper_owa5_gg_:hover{outline:0;text-decoration:none}}.___SPopper_owa5_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SHeader_owa5_gg_,.___STitle_owa5_gg_{display:flex;align-items:center}.___STitle_owa5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_owa5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_owa5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SIndicator_owa5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SHumanizedDate_owa5_gg_{position:absolute;pointer-events:none}.___SDateRange_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_ .___SValue_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_ .___SValue_owa5_gg_{opacity:0}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SSingleDateInput_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SSingleDateInput_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_:focus-within .___SHumanizedDate_owa5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_,.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_:focus-within .___SMask_owa5_gg_,.___SDateRange_owa5_gg_:focus-within .___SValue_owa5_gg_{opacity:1}.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SMask_owa5_gg_,.___SInputMask_owa5_gg_.__noHumanizedDate_owa5_gg_ .___SValue_owa5_gg_{opacity:1}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_.__focus-within_owa5_gg_ .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_ .___SInputMask_owa5_gg_:focus-within .___SMask_owa5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_owa5_gg_.__focus-within_owa5_gg_ .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SDateRange_owa5_gg_:focus-within .___SRangeSep_owa5_gg_,.___SRangeSep_owa5_gg_.__fulfilled_owa5_gg_{color:var(--intergalactic-text-primary, #191b23)}"
 /*__inner_css_end__*/
-, "4lvef_gg_")
+, "owa5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_4lvef_gg_",
-  "__SHeader": "___SHeader_4lvef_gg_",
-  "__STitle": "___STitle_4lvef_gg_",
-  "__SToday": "___SToday_4lvef_gg_",
-  "__SPeriod": "___SPeriod_4lvef_gg_",
-  "__SIndicator": "___SIndicator_4lvef_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_4lvef_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_4lvef_gg_",
-  "__SValue": "___SValue_4lvef_gg_",
-  "__SDateRange": "___SDateRange_4lvef_gg_",
-  "__SMask": "___SMask_4lvef_gg_",
-  "_focus-within": "__focus-within_4lvef_gg_",
-  "__SInputMask": "___SInputMask_4lvef_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_4lvef_gg_",
-  "__SRangeSep": "___SRangeSep_4lvef_gg_",
-  "_fulfilled": "__fulfilled_4lvef_gg_"
+  "__SPopper": "___SPopper_owa5_gg_",
+  "__SHeader": "___SHeader_owa5_gg_",
+  "__STitle": "___STitle_owa5_gg_",
+  "__SToday": "___SToday_owa5_gg_",
+  "__SPeriod": "___SPeriod_owa5_gg_",
+  "__SIndicator": "___SIndicator_owa5_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_owa5_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_owa5_gg_",
+  "__SValue": "___SValue_owa5_gg_",
+  "__SDateRange": "___SDateRange_owa5_gg_",
+  "__SMask": "___SMask_owa5_gg_",
+  "_focus-within": "__focus-within_owa5_gg_",
+  "__SInputMask": "___SInputMask_owa5_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_owa5_gg_",
+  "__SRangeSep": "___SRangeSep_owa5_gg_",
+  "_fulfilled": "__fulfilled_owa5_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
@@ -83,7 +83,9 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "keyStep", void 0);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
-      dirtyValue: []
+      dirtyValue: [],
+      // To remove after removing button trigger
+      defaultInteraction: 'focus'
     });
 
     _defineProperty(_assertThisInitialized(_this), "navigateView", function (direction) {
@@ -191,6 +193,14 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       });
     });
 
+    _defineProperty(_assertThisInitialized(_this), "setDefaultInteractionToClick", function () {
+      if (_this.state.defaultInteraction === 'click') return;
+
+      _this.setState({
+        defaultInteraction: 'click'
+      });
+    });
+
     return _this;
   }
 
@@ -238,7 +248,8 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       return {
         size: size,
         empty: !value[0] && !value[1],
-        onKeyDown: this.handlerKeyDown
+        onKeyDown: this.handlerKeyDown,
+        setDefaultInteractionToClick: this.setDefaultInteractionToClick
       };
     }
   }, {
@@ -389,9 +400,10 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           Children = _this$asProps8.Children,
           styles = _this$asProps8.styles,
           providedAriaLabel = _this$asProps8['aria-label'];
+      var defaultInteraction = this.state.defaultInteraction;
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Dropdown, _assignProps({
         "use:aria-label": providedAriaLabel,
-        "interaction": "focus",
+        "interaction": defaultInteraction,
         "__excludeProps": ['onChange', 'value']
       }, _ref), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
     }

package/lib/es6/components/RangePickerAbstract.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangePickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Button","Box","Flex","Divider","Dropdown","i18nEnhance","localizedMessages","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","startDate","endDate","RangePickerAbstract","dirtyValue","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","length","handlerChange","preventDefault","includes","tagName","add","keyStep","setState","visible","undefined","props","size","empty","onKeyDown","handlerKeyDown","Picker","periods","getDefaultPeriods","unclearable","buttons","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","getI18nText","disabled","onHighlightedChange","onVisibleChange","onChange","onDisplayedPeriodChange","handlerApply","Children","styles","providedAriaLabel","defaultValue","i18n","defaultHighlighted","defaultVisible","style","amount","unit","Apply","Reset"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n  if (!Array.isArray(value)) return null;\n  const [startDate, endDate = startDate] = value;\n  return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod:\n        getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n      defaultValue: [],\n      defaultHighlighted: [],\n      defaultVisible: false,\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  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    dirtyValue: [],\n  };\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.setState({ dirtyValue: [] });\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value ?? undefined) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? 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) => () => this.navigateView(direction);\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { displayedPeriod, highlighted } = this.asProps;\n    const { dirtyValue } = this.state;\n    const day = this.keyDiff[e.keyCode];\n\n    const setNextDisplayedPeriod = (next_highlighted) => {\n      const [, right_period] = next_highlighted;\n\n      if (right_period) {\n        const month_right_period = right_period.getMonth();\n        const month_displayed_Period = displayedPeriod.getMonth();\n        if (month_right_period - month_displayed_Period > 1) {\n          return RangePickerAbstract.subtract(right_period, 1, 'month');\n        } else if (month_right_period - month_displayed_Period < 0) {\n          return right_period;\n        }\n      }\n      return displayedPeriod;\n    };\n\n    if (e.keyCode === 32 && highlighted.length) {\n      this.handlerChange(highlighted[1] || highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      if (highlighted.length) {\n        let next_highlighted;\n        if (dirtyValue.length === 1) {\n          next_highlighted = [\n            dirtyValue[0],\n            dayjs(highlighted[1] || highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        } else {\n          next_highlighted = [dayjs(highlighted[0]).add(day, this.keyStep).toDate()];\n        }\n        this.handlers.highlighted(next_highlighted);\n        this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n      } else {\n        this.handlers.highlighted([displayedPeriod]);\n      }\n      e.preventDefault();\n    }\n  };\n\n  handlerApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handlerChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handlerChange = (date) => {\n    let { dirtyValue } = this.state;\n    let highlighted = [];\n    if (Array.isArray(date)) {\n      dirtyValue = date;\n    } else if (!dirtyValue.length) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue.length >= 2) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue[0] > date) {\n      dirtyValue = [date, dirtyValue[0]];\n    } else {\n      dirtyValue = [dirtyValue[0], date];\n    }\n\n    this.setState({ dirtyValue }, () => {\n      this.handlers.highlighted(highlighted);\n    });\n  };\n\n  getDefaultPeriods() {\n    return [];\n  }\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n    return {\n      size,\n      empty: !value[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n    const buttons = (\n      <>\n        <Picker.Apply />\n        {!unclearable && <Picker.Reset ml={2} />}\n      </>\n    );\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Flex>\n            <Box mr={2}>\n              <Picker.Header>\n                <Picker.Prev />\n                <Picker.Title />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            <Box ml={2}>\n              <Picker.Header>\n                <Picker.Title />\n                <Picker.Next />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            {Boolean(periods.length) ? (\n              <>\n                <Divider m=\"-16px 16px\" orientation=\"vertical\" h=\"auto\" />\n                <Flex direction=\"column\">\n                  <Picker.Period />\n                  <Flex mt=\"auto\">{buttons}</Flex>\n                </Flex>\n              </>\n            ) : (\n              <Flex mt={4}>{buttons}</Flex>\n            )}\n          </Flex>\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(props, index) {\n    const { locale, displayedPeriod } = this.asProps;\n    return {\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps(props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    return {\n      locale,\n      displayedPeriod: dayjs(displayedPeriod)\n        .add(index, this.navigateStep)\n        .startOf(this.navigateStep)\n        .toDate(),\n      disabled,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerChange,\n    };\n  }\n\n  getPeriodProps() {\n    const {\n      periods = this.getDefaultPeriods(),\n      value,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      periods,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  getApplyProps() {\n    const { value, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply(dirtyValue.length ? dirtyValue : value),\n    };\n  }\n\n  getResetProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply([]),\n    };\n  }\n\n  render() {\n    const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction=\"focus\"\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nfunction Apply(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"primary\" children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"tertiary\" theme=\"muted\" children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}
+{"version":3,"file":"RangePickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Button","Box","Flex","Divider","Dropdown","i18nEnhance","localizedMessages","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","startDate","endDate","RangePickerAbstract","dirtyValue","defaultInteraction","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","length","handlerChange","preventDefault","includes","tagName","add","keyStep","setState","visible","undefined","props","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","Picker","periods","getDefaultPeriods","unclearable","buttons","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","getI18nText","disabled","onHighlightedChange","onVisibleChange","onChange","onDisplayedPeriodChange","handlerApply","Children","styles","providedAriaLabel","defaultValue","i18n","defaultHighlighted","defaultVisible","style","amount","unit","Apply","Reset"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n  if (!Array.isArray(value)) return null;\n  const [startDate, endDate = startDate] = value;\n  return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod:\n        getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n      defaultValue: [],\n      defaultHighlighted: [],\n      defaultVisible: false,\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  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    dirtyValue: [],\n    // To remove after removing button trigger\n    defaultInteraction: 'focus',\n  };\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.setState({ dirtyValue: [] });\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value ?? undefined) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? 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) => () => this.navigateView(direction);\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { displayedPeriod, highlighted } = this.asProps;\n    const { dirtyValue } = this.state;\n    const day = this.keyDiff[e.keyCode];\n\n    const setNextDisplayedPeriod = (next_highlighted) => {\n      const [, right_period] = next_highlighted;\n\n      if (right_period) {\n        const month_right_period = right_period.getMonth();\n        const month_displayed_Period = displayedPeriod.getMonth();\n        if (month_right_period - month_displayed_Period > 1) {\n          return RangePickerAbstract.subtract(right_period, 1, 'month');\n        } else if (month_right_period - month_displayed_Period < 0) {\n          return right_period;\n        }\n      }\n      return displayedPeriod;\n    };\n\n    if (e.keyCode === 32 && highlighted.length) {\n      this.handlerChange(highlighted[1] || highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      if (highlighted.length) {\n        let next_highlighted;\n        if (dirtyValue.length === 1) {\n          next_highlighted = [\n            dirtyValue[0],\n            dayjs(highlighted[1] || highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        } else {\n          next_highlighted = [dayjs(highlighted[0]).add(day, this.keyStep).toDate()];\n        }\n        this.handlers.highlighted(next_highlighted);\n        this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n      } else {\n        this.handlers.highlighted([displayedPeriod]);\n      }\n      e.preventDefault();\n    }\n  };\n\n  handlerApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handlerChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handlerChange = (date) => {\n    let { dirtyValue } = this.state;\n    let highlighted = [];\n    if (Array.isArray(date)) {\n      dirtyValue = date;\n    } else if (!dirtyValue.length) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue.length >= 2) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue[0] > date) {\n      dirtyValue = [date, dirtyValue[0]];\n    } else {\n      dirtyValue = [dirtyValue[0], date];\n    }\n\n    this.setState({ dirtyValue }, () => {\n      this.handlers.highlighted(highlighted);\n    });\n  };\n\n  getDefaultPeriods() {\n    return [];\n  }\n\n  setDefaultInteractionToClick = () => {\n    if (this.state.defaultInteraction === 'click') return;\n    this.setState({ defaultInteraction: 'click' });\n  };\n\n  getTriggerProps() {\n    const { value, size } = this.asProps;\n\n    return {\n      size,\n      empty: !value[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n      setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n    const buttons = (\n      <>\n        <Picker.Apply />\n        {!unclearable && <Picker.Reset ml={2} />}\n      </>\n    );\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Flex>\n            <Box mr={2}>\n              <Picker.Header>\n                <Picker.Prev />\n                <Picker.Title />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            <Box ml={2}>\n              <Picker.Header>\n                <Picker.Title />\n                <Picker.Next />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            {Boolean(periods.length) ? (\n              <>\n                <Divider m=\"-16px 16px\" orientation=\"vertical\" h=\"auto\" />\n                <Flex direction=\"column\">\n                  <Picker.Period />\n                  <Flex mt=\"auto\">{buttons}</Flex>\n                </Flex>\n              </>\n            ) : (\n              <Flex mt={4}>{buttons}</Flex>\n            )}\n          </Flex>\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(props, index) {\n    const { locale, displayedPeriod } = this.asProps;\n    return {\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps(props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    return {\n      locale,\n      displayedPeriod: dayjs(displayedPeriod)\n        .add(index, this.navigateStep)\n        .startOf(this.navigateStep)\n        .toDate(),\n      disabled,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerChange,\n    };\n  }\n\n  getPeriodProps() {\n    const {\n      periods = this.getDefaultPeriods(),\n      value,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      periods,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  getApplyProps() {\n    const { value, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply(dirtyValue.length ? dirtyValue : value),\n    };\n  }\n\n  getResetProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      getI18nText,\n      onClick: () => this.handlerApply([]),\n    };\n  }\n\n  render() {\n    const { Children, styles, 'aria-label': providedAriaLabel } = this.asProps;\n    const { defaultInteraction } = this.state;\n\n    return sstyled(styles)(\n      <Root\n        render={Dropdown}\n        use:aria-label={providedAriaLabel}\n        interaction={defaultInteraction}\n        __excludeProps={['onChange', 'value']}\n      >\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nfunction Apply(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"primary\" children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use=\"tertiary\" theme=\"muted\" children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}

package/lib/es6/components/index.js

@@ -106,12 +106,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_14kun_gg_{justify-content:flex-start}"
+".___SInner_1pdrb_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "14kun_gg_")
+, "1pdrb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_14kun_gg_"
+  "__SInner": "___SInner_1pdrb_gg_"
 });
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "3.6.19",
+  "version": "3.6.20",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",