@semcore/date-picker 3.5.3 → 3.6.1

package/lib/es6/components/PickerAbstract.js

@@ -17,59 +17,36 @@ import dayjs from 'dayjs';
 import { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';
 import Dropdown from '@semcore/dropdown';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-import de from '../translations/de.json';
-import en from '../translations/en.json';
-import es from '../translations/es.json';
-import fr from '../translations/fr.json';
-import it from '../translations/it.json';
-import ja from '../translations/ja.json';
-import pt from '../translations/pt.json';
-import ru from '../translations/ru.json';
-import zh from '../translations/zh.json';
-import ko from '../translations/ko.json';
-import vi from '../translations/vi.json';
+import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
 
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_1yhct_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_1yhct_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1yhct_gg_:active,.___SPopper_1yhct_gg_:focus,.___SPopper_1yhct_gg_:hover{outline:0;text-decoration:none}.___SPopper_1yhct_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_1yhct_gg_{display:flex;align-items:center}.___STitle_1yhct_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1yhct_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_1yhct_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_1yhct_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_1yhct_gg_{position:absolute;pointer-events:none}.___SDateRange_1yhct_gg_ .___SMask_1yhct_gg_,.___SDateRange_1yhct_gg_ .___SValue_1yhct_gg_,.___SSingleDateInput_1yhct_gg_ .___SMask_1yhct_gg_,.___SSingleDateInput_1yhct_gg_ .___SValue_1yhct_gg_{opacity:0}.___SSingleDateInput_1yhct_gg_.__focus-within_1yhct_gg_ .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1yhct_gg_:focus-within .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1yhct_gg_.__focus-within_1yhct_gg_ .___SMask_1yhct_gg_,.___SSingleDateInput_1yhct_gg_.__focus-within_1yhct_gg_ .___SValue_1yhct_gg_{opacity:1}.___SSingleDateInput_1yhct_gg_:focus-within .___SMask_1yhct_gg_,.___SSingleDateInput_1yhct_gg_:focus-within .___SValue_1yhct_gg_{opacity:1}.___SDateRange_1yhct_gg_ .___SValue_1yhct_gg_{opacity:0}.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1yhct_gg_:focus-within .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SMask_1yhct_gg_,.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SValue_1yhct_gg_{opacity:1}.___SDateRange_1yhct_gg_:focus-within .___SMask_1yhct_gg_,.___SDateRange_1yhct_gg_:focus-within .___SValue_1yhct_gg_{opacity:1}.___SInputMask_1yhct_gg_.__noHumanizedDate_1yhct_gg_ .___SMask_1yhct_gg_,.___SInputMask_1yhct_gg_.__noHumanizedDate_1yhct_gg_ .___SValue_1yhct_gg_{opacity:1}.___SDateRange_1yhct_gg_ .___SInputMask_1yhct_gg_.__focus-within_1yhct_gg_ .___SMask_1yhct_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1yhct_gg_ .___SInputMask_1yhct_gg_:focus-within .___SMask_1yhct_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SRangeSep_1yhct_gg_,.___SRangeSep_1yhct_gg_.__fulfilled_1yhct_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_1yhct_gg_:focus-within .___SRangeSep_1yhct_gg_,.___SRangeSep_1yhct_gg_.__fulfilled_1yhct_gg_{color:var(--intergalactic-text-primary,#191b23)}"
+".___SPopper_1as5b_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_1as5b_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1as5b_gg_:active,.___SPopper_1as5b_gg_:focus,.___SPopper_1as5b_gg_:hover{outline:0;text-decoration:none}.___SPopper_1as5b_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_1as5b_gg_{display:flex;align-items:center}.___STitle_1as5b_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1as5b_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_1as5b_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_1as5b_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_1as5b_gg_{position:absolute;pointer-events:none}.___SDateRange_1as5b_gg_ .___SMask_1as5b_gg_,.___SDateRange_1as5b_gg_ .___SValue_1as5b_gg_,.___SSingleDateInput_1as5b_gg_ .___SMask_1as5b_gg_,.___SSingleDateInput_1as5b_gg_ .___SValue_1as5b_gg_{opacity:0}.___SSingleDateInput_1as5b_gg_.__focus-within_1as5b_gg_ .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1as5b_gg_:focus-within .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1as5b_gg_.__focus-within_1as5b_gg_ .___SMask_1as5b_gg_,.___SSingleDateInput_1as5b_gg_.__focus-within_1as5b_gg_ .___SValue_1as5b_gg_{opacity:1}.___SSingleDateInput_1as5b_gg_:focus-within .___SMask_1as5b_gg_,.___SSingleDateInput_1as5b_gg_:focus-within .___SValue_1as5b_gg_{opacity:1}.___SDateRange_1as5b_gg_ .___SValue_1as5b_gg_{opacity:0}.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1as5b_gg_:focus-within .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SMask_1as5b_gg_,.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SValue_1as5b_gg_{opacity:1}.___SDateRange_1as5b_gg_:focus-within .___SMask_1as5b_gg_,.___SDateRange_1as5b_gg_:focus-within .___SValue_1as5b_gg_{opacity:1}.___SInputMask_1as5b_gg_.__noHumanizedDate_1as5b_gg_ .___SMask_1as5b_gg_,.___SInputMask_1as5b_gg_.__noHumanizedDate_1as5b_gg_ .___SValue_1as5b_gg_{opacity:1}.___SDateRange_1as5b_gg_ .___SInputMask_1as5b_gg_.__focus-within_1as5b_gg_ .___SMask_1as5b_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1as5b_gg_ .___SInputMask_1as5b_gg_:focus-within .___SMask_1as5b_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SRangeSep_1as5b_gg_,.___SRangeSep_1as5b_gg_.__fulfilled_1as5b_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_1as5b_gg_:focus-within .___SRangeSep_1as5b_gg_,.___SRangeSep_1as5b_gg_.__fulfilled_1as5b_gg_{color:var(--intergalactic-text-primary,#191b23)}"
 /*__inner_css_end__*/
-, "1yhct_gg_")
+, "1as5b_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_1yhct_gg_",
-  "__SHeader": "___SHeader_1yhct_gg_",
-  "__STitle": "___STitle_1yhct_gg_",
-  "__SToday": "___SToday_1yhct_gg_",
-  "__SPeriod": "___SPeriod_1yhct_gg_",
-  "__SIndicator": "___SIndicator_1yhct_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_1yhct_gg_",
-  "__SDateRange": "___SDateRange_1yhct_gg_",
-  "__SMask": "___SMask_1yhct_gg_",
-  "__SValue": "___SValue_1yhct_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_1yhct_gg_",
-  "_focus-within": "__focus-within_1yhct_gg_",
-  "__SInputMask": "___SInputMask_1yhct_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_1yhct_gg_",
-  "__SRangeSep": "___SRangeSep_1yhct_gg_",
-  "_fulfilled": "__fulfilled_1yhct_gg_"
+  "__SPopper": "___SPopper_1as5b_gg_",
+  "__SHeader": "___SHeader_1as5b_gg_",
+  "__STitle": "___STitle_1as5b_gg_",
+  "__SToday": "___SToday_1as5b_gg_",
+  "__SPeriod": "___SPeriod_1as5b_gg_",
+  "__SIndicator": "___SIndicator_1as5b_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1as5b_gg_",
+  "__SDateRange": "___SDateRange_1as5b_gg_",
+  "__SMask": "___SMask_1as5b_gg_",
+  "__SValue": "___SValue_1as5b_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1as5b_gg_",
+  "_focus-within": "__focus-within_1as5b_gg_",
+  "__SInputMask": "___SInputMask_1as5b_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1as5b_gg_",
+  "__SRangeSep": "___SRangeSep_1as5b_gg_",
+  "_fulfilled": "__fulfilled_1as5b_gg_"
 });
 import includesDate from '../utils/includesDate';
-var i18n = {
-  de: de,
-  en: en,
-  es: es,
-  fr: fr,
-  it: it,
-  ja: ja,
-  ru: ru,
-  zh: zh,
-  pt: pt,
-  ko: ko,
-  vi: vi
-};
 var INTERACTION_TAGS = ['INPUT'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
 
@@ -215,14 +192,16 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
     key: "getNextProps",
     value: function getNextProps() {
       return {
-        onClick: this.bindHandlerNavigateClick(1)
+        onClick: this.bindHandlerNavigateClick(1),
+        getI18nText: this.asProps.getI18nText
       };
     }
   }, {
     key: "getPrevProps",
     value: function getPrevProps() {
       return {
-        onClick: this.bindHandlerNavigateClick(-1)
+        onClick: this.bindHandlerNavigateClick(-1),
+        getI18nText: this.asProps.getI18nText
       };
     }
   }, {
@@ -269,7 +248,7 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
       var value = _ref3.value,
           defaultValue = _ref3.defaultValue;
       return {
-        i18n: i18n,
+        i18n: localizedMessages,
         locale: 'en',
         defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,
         defaultValue: null,
@@ -288,7 +267,7 @@ _defineProperty(PickerAbstract, "displayName", 'DatePicker');
 
 _defineProperty(PickerAbstract, "style", style);
 
-_defineProperty(PickerAbstract, "enhance", [i18nEnhance()]);
+_defineProperty(PickerAbstract, "enhance", [i18nEnhance(localizedMessages)]);
 
 _defineProperty(PickerAbstract, "add", function (date, amount, unit) {
   return dayjs(date).add(amount, unit).toDate();

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

@@ -1 +1 @@
-{"version":3,"file":"PickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Dropdown","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","includesDate","i18n","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","locale","onChange","onVisibleChange","renderOutdated","styles","Children","providedAriaLabel","defaultValue","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';\nimport de from '../translations/de.json';\nimport en from '../translations/en.json';\nimport es from '../translations/es.json';\nimport fr from '../translations/fr.json';\nimport it from '../translations/it.json';\nimport ja from '../translations/ja.json';\nimport pt from '../translations/pt.json';\nimport ru from '../translations/ru.json';\nimport zh from '../translations/zh.json';\nimport ko from '../translations/ko.json';\nimport vi from '../translations/vi.json';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\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,\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()];\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    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\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":["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":"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"}

package/lib/es6/components/RangePickerAbstract.js

@@ -23,60 +23,35 @@ import { Box, Flex } from '@semcore/flex-box';
 import Divider from '@semcore/divider';
 import Dropdown from '@semcore/dropdown';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-import de from '../translations/de.json';
-import en from '../translations/en.json';
-import es from '../translations/es.json';
-import fr from '../translations/fr.json';
-import it from '../translations/it.json';
-import ja from '../translations/ja.json';
-import pt from '../translations/pt.json';
-import ru from '../translations/ru.json';
-import zh from '../translations/zh.json';
-import ko from '../translations/ko.json';
-import vi from '../translations/vi.json';
-import tr from '../translations/tr.json';
+import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
 
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_1yhct_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_1yhct_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1yhct_gg_:active,.___SPopper_1yhct_gg_:focus,.___SPopper_1yhct_gg_:hover{outline:0;text-decoration:none}.___SPopper_1yhct_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_1yhct_gg_{display:flex;align-items:center}.___STitle_1yhct_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1yhct_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_1yhct_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_1yhct_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_1yhct_gg_{position:absolute;pointer-events:none}.___SDateRange_1yhct_gg_ .___SMask_1yhct_gg_,.___SDateRange_1yhct_gg_ .___SValue_1yhct_gg_,.___SSingleDateInput_1yhct_gg_ .___SMask_1yhct_gg_,.___SSingleDateInput_1yhct_gg_ .___SValue_1yhct_gg_{opacity:0}.___SSingleDateInput_1yhct_gg_.__focus-within_1yhct_gg_ .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1yhct_gg_:focus-within .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1yhct_gg_.__focus-within_1yhct_gg_ .___SMask_1yhct_gg_,.___SSingleDateInput_1yhct_gg_.__focus-within_1yhct_gg_ .___SValue_1yhct_gg_{opacity:1}.___SSingleDateInput_1yhct_gg_:focus-within .___SMask_1yhct_gg_,.___SSingleDateInput_1yhct_gg_:focus-within .___SValue_1yhct_gg_{opacity:1}.___SDateRange_1yhct_gg_ .___SValue_1yhct_gg_{opacity:0}.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1yhct_gg_:focus-within .___SHumanizedDate_1yhct_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SMask_1yhct_gg_,.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SValue_1yhct_gg_{opacity:1}.___SDateRange_1yhct_gg_:focus-within .___SMask_1yhct_gg_,.___SDateRange_1yhct_gg_:focus-within .___SValue_1yhct_gg_{opacity:1}.___SInputMask_1yhct_gg_.__noHumanizedDate_1yhct_gg_ .___SMask_1yhct_gg_,.___SInputMask_1yhct_gg_.__noHumanizedDate_1yhct_gg_ .___SValue_1yhct_gg_{opacity:1}.___SDateRange_1yhct_gg_ .___SInputMask_1yhct_gg_.__focus-within_1yhct_gg_ .___SMask_1yhct_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1yhct_gg_ .___SInputMask_1yhct_gg_:focus-within .___SMask_1yhct_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1yhct_gg_.__focus-within_1yhct_gg_ .___SRangeSep_1yhct_gg_,.___SRangeSep_1yhct_gg_.__fulfilled_1yhct_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_1yhct_gg_:focus-within .___SRangeSep_1yhct_gg_,.___SRangeSep_1yhct_gg_.__fulfilled_1yhct_gg_{color:var(--intergalactic-text-primary,#191b23)}"
+".___SPopper_1as5b_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_1as5b_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1as5b_gg_:active,.___SPopper_1as5b_gg_:focus,.___SPopper_1as5b_gg_:hover{outline:0;text-decoration:none}.___SPopper_1as5b_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_1as5b_gg_{display:flex;align-items:center}.___STitle_1as5b_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1as5b_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_1as5b_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_1as5b_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_1as5b_gg_{position:absolute;pointer-events:none}.___SDateRange_1as5b_gg_ .___SMask_1as5b_gg_,.___SDateRange_1as5b_gg_ .___SValue_1as5b_gg_,.___SSingleDateInput_1as5b_gg_ .___SMask_1as5b_gg_,.___SSingleDateInput_1as5b_gg_ .___SValue_1as5b_gg_{opacity:0}.___SSingleDateInput_1as5b_gg_.__focus-within_1as5b_gg_ .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1as5b_gg_:focus-within .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1as5b_gg_.__focus-within_1as5b_gg_ .___SMask_1as5b_gg_,.___SSingleDateInput_1as5b_gg_.__focus-within_1as5b_gg_ .___SValue_1as5b_gg_{opacity:1}.___SSingleDateInput_1as5b_gg_:focus-within .___SMask_1as5b_gg_,.___SSingleDateInput_1as5b_gg_:focus-within .___SValue_1as5b_gg_{opacity:1}.___SDateRange_1as5b_gg_ .___SValue_1as5b_gg_{opacity:0}.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1as5b_gg_:focus-within .___SHumanizedDate_1as5b_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SMask_1as5b_gg_,.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SValue_1as5b_gg_{opacity:1}.___SDateRange_1as5b_gg_:focus-within .___SMask_1as5b_gg_,.___SDateRange_1as5b_gg_:focus-within .___SValue_1as5b_gg_{opacity:1}.___SInputMask_1as5b_gg_.__noHumanizedDate_1as5b_gg_ .___SMask_1as5b_gg_,.___SInputMask_1as5b_gg_.__noHumanizedDate_1as5b_gg_ .___SValue_1as5b_gg_{opacity:1}.___SDateRange_1as5b_gg_ .___SInputMask_1as5b_gg_.__focus-within_1as5b_gg_ .___SMask_1as5b_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1as5b_gg_ .___SInputMask_1as5b_gg_:focus-within .___SMask_1as5b_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1as5b_gg_.__focus-within_1as5b_gg_ .___SRangeSep_1as5b_gg_,.___SRangeSep_1as5b_gg_.__fulfilled_1as5b_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_1as5b_gg_:focus-within .___SRangeSep_1as5b_gg_,.___SRangeSep_1as5b_gg_.__fulfilled_1as5b_gg_{color:var(--intergalactic-text-primary,#191b23)}"
 /*__inner_css_end__*/
-, "1yhct_gg_")
+, "1as5b_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_1yhct_gg_",
-  "__SHeader": "___SHeader_1yhct_gg_",
-  "__STitle": "___STitle_1yhct_gg_",
-  "__SToday": "___SToday_1yhct_gg_",
-  "__SPeriod": "___SPeriod_1yhct_gg_",
-  "__SIndicator": "___SIndicator_1yhct_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_1yhct_gg_",
-  "__SDateRange": "___SDateRange_1yhct_gg_",
-  "__SMask": "___SMask_1yhct_gg_",
-  "__SValue": "___SValue_1yhct_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_1yhct_gg_",
-  "_focus-within": "__focus-within_1yhct_gg_",
-  "__SInputMask": "___SInputMask_1yhct_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_1yhct_gg_",
-  "__SRangeSep": "___SRangeSep_1yhct_gg_",
-  "_fulfilled": "__fulfilled_1yhct_gg_"
+  "__SPopper": "___SPopper_1as5b_gg_",
+  "__SHeader": "___SHeader_1as5b_gg_",
+  "__STitle": "___STitle_1as5b_gg_",
+  "__SToday": "___SToday_1as5b_gg_",
+  "__SPeriod": "___SPeriod_1as5b_gg_",
+  "__SIndicator": "___SIndicator_1as5b_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1as5b_gg_",
+  "__SDateRange": "___SDateRange_1as5b_gg_",
+  "__SMask": "___SMask_1as5b_gg_",
+  "__SValue": "___SValue_1as5b_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1as5b_gg_",
+  "_focus-within": "__focus-within_1as5b_gg_",
+  "__SInputMask": "___SInputMask_1as5b_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1as5b_gg_",
+  "__SRangeSep": "___SRangeSep_1as5b_gg_",
+  "_fulfilled": "__fulfilled_1as5b_gg_"
 });
-var i18n = {
-  de: de,
-  en: en,
-  es: es,
-  fr: fr,
-  it: it,
-  ja: ja,
-  ru: ru,
-  zh: zh,
-  pt: pt,
-  ko: ko,
-  vi: vi,
-  tr: tr
-};
 var INTERACTION_TAGS = ['INPUT'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
 
@@ -328,14 +303,16 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
     key: "getNextProps",
     value: function getNextProps() {
       return {
-        onClick: this.bindHandlerNavigateClick(1)
+        onClick: this.bindHandlerNavigateClick(1),
+        getI18nText: this.asProps.getI18nText
       };
     }
   }, {
     key: "getPrevProps",
     value: function getPrevProps() {
       return {
-        onClick: this.bindHandlerNavigateClick(-1)
+        onClick: this.bindHandlerNavigateClick(-1),
+        getI18nText: this.asProps.getI18nText
       };
     }
   }, {
@@ -430,7 +407,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       var value = _ref5.value,
           defaultValue = _ref5.defaultValue;
       return {
-        i18n: i18n,
+        i18n: localizedMessages,
         locale: 'en',
         defaultDisplayedPeriod: getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,
         defaultValue: [],
@@ -449,7 +426,7 @@ _defineProperty(RangePickerAbstract, "displayName", 'DatePicker');
 
 _defineProperty(RangePickerAbstract, "style", style);
 
-_defineProperty(RangePickerAbstract, "enhance", [i18nEnhance()]);
+_defineProperty(RangePickerAbstract, "enhance", [i18nEnhance(localizedMessages)]);
 
 _defineProperty(RangePickerAbstract, "add", function (date, amount, unit) {
   return dayjs(date).add(amount, unit).toDate();

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","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","tr","i18n","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","disabled","onHighlightedChange","onVisibleChange","onChange","onDisplayedPeriodChange","handlerApply","getI18nText","Children","styles","providedAriaLabel","defaultValue","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 de from '../translations/de.json';\nimport en from '../translations/en.json';\nimport es from '../translations/es.json';\nimport fr from '../translations/fr.json';\nimport it from '../translations/it.json';\nimport ja from '../translations/ja.json';\nimport pt from '../translations/pt.json';\nimport ru from '../translations/ru.json';\nimport zh from '../translations/zh.json';\nimport ko from '../translations/ko.json';\nimport vi from '../translations/vi.json';\nimport tr from '../translations/tr.json';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi, tr };\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,\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()];\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    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\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":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,aAA1B,EAAyCC,OAAzC,QAAwD,eAAxD;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,EAAcC,IAAd,QAA0B,mBAA1B;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,QAAP,MAAqB,mBAArB;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;AACA,OAAOC,EAAP,MAAe,yBAAf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMC,IAAI,GAAG;EAAEZ,EAAE,EAAFA,EAAF;EAAMC,EAAE,EAAFA,EAAN;EAAUC,EAAE,EAAFA,EAAV;EAAcC,EAAE,EAAFA,EAAd;EAAkBC,EAAE,EAAFA,EAAlB;EAAsBC,EAAE,EAAFA,EAAtB;EAA0BE,EAAE,EAAFA,EAA1B;EAA8BC,EAAE,EAAFA,EAA9B;EAAkCF,EAAE,EAAFA,EAAlC;EAAsCG,EAAE,EAAFA,EAAtC;EAA0CC,EAAE,EAAFA,EAA1C;EAA8CC,EAAE,EAAFA;AAA9C,CAAb;AAEA,IAAME,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;;AAEA,SAASC,UAAT,CAAoBC,KAApB,EAA2B;EACzB,IAAI,CAACC,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAL,EAA2B,OAAO,IAAP;;EAC3B,4BAAyCA,KAAzC;EAAA,IAAOG,SAAP;EAAA;EAAA,IAAkBC,OAAlB,wBAA4BD,SAA5B;;EACA,OAAOC,OAAP;AACD;;IAEKC,mB;;;;;;;;;;;;;;;;;;;;;;4DAgCI;MACNC,UAAU,EAAE;IADN,C;;mEA8BO,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,GAAGxC,KAAK,CAACqC,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;QAAA,OAAM,MAAKQ,YAAL,CAAkBR,SAAlB,CAAN;MAAA,CAAf;IAAA,C;;qEAEV,UAACS,CAAD,EAAO;MACtB,IAAIA,CAAC,CAACC,MAAF,KAAaD,CAAC,CAACE,aAAnB,EAAkC;MAClC,oBAAyC,MAAKT,OAA9C;MAAA,IAAQD,eAAR,iBAAQA,eAAR;MAAA,IAAyBW,WAAzB,iBAAyBA,WAAzB;MACA,IAAQb,UAAR,GAAuB,MAAKc,KAA5B,CAAQd,UAAR;MACA,IAAMe,GAAG,GAAG,MAAKC,OAAL,CAAaN,CAAC,CAACO,OAAf,CAAZ;;MAEA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,gBAAD,EAAsB;QACnD,uCAAyBA,gBAAzB;QAAA,IAASC,YAAT;;QAEA,IAAIA,YAAJ,EAAkB;UAChB,IAAMC,kBAAkB,GAAGD,YAAY,CAACE,QAAb,EAA3B;UACA,IAAMC,sBAAsB,GAAGrB,eAAe,CAACoB,QAAhB,EAA/B;;UACA,IAAID,kBAAkB,GAAGE,sBAArB,GAA8C,CAAlD,EAAqD;YACnD,OAAOxB,mBAAmB,CAACyB,QAApB,CAA6BJ,YAA7B,EAA2C,CAA3C,EAA8C,OAA9C,CAAP;UACD,CAFD,MAEO,IAAIC,kBAAkB,GAAGE,sBAArB,GAA8C,CAAlD,EAAqD;YAC1D,OAAOH,YAAP;UACD;QACF;;QACD,OAAOlB,eAAP;MACD,CAbD;;MAeA,IAAIQ,CAAC,CAACO,OAAF,KAAc,EAAd,IAAoBJ,WAAW,CAACY,MAApC,EAA4C;QAC1C,MAAKC,aAAL,CAAmBb,WAAW,CAAC,CAAD,CAAX,IAAkBA,WAAW,CAAC,CAAD,CAAhD;;QACAH,CAAC,CAACiB,cAAF;MACD;;MACD,IAAIZ,GAAJ,EAAS;QACP,IAAI1B,gBAAgB,CAACuC,QAAjB,CAA0BlB,CAAC,CAACC,MAAF,CAASkB,OAAnC,CAAJ,EAAiD;;QACjD,IAAIhB,WAAW,CAACY,MAAhB,EAAwB;UACtB,IAAIN,gBAAJ;;UACA,IAAInB,UAAU,CAACyB,MAAX,KAAsB,CAA1B,EAA6B;YAC3BN,gBAAgB,GAAG,CACjBnB,UAAU,CAAC,CAAD,CADO,EAEjBnC,KAAK,CAACgD,WAAW,CAAC,CAAD,CAAX,IAAkBA,WAAW,CAAC,CAAD,CAA9B,CAAL,CACGiB,GADH,CACOf,GADP,EACY,MAAKgB,OADjB,EAEGxB,MAFH,EAFiB,CAAnB;UAMD,CAPD,MAOO;YACLY,gBAAgB,GAAG,CAACtD,KAAK,CAACgD,WAAW,CAAC,CAAD,CAAZ,CAAL,CAAsBiB,GAAtB,CAA0Bf,GAA1B,EAA+B,MAAKgB,OAApC,EAA6CxB,MAA7C,EAAD,CAAnB;UACD;;UACD,MAAKC,QAAL,CAAcK,WAAd,CAA0BM,gBAA1B;;UACA,MAAKX,QAAL,CAAcN,eAAd,CAA8BgB,sBAAsB,CAACC,gBAAD,CAApD;QACD,CAdD,MAcO;UACL,MAAKX,QAAL,CAAcK,WAAd,CAA0B,CAACX,eAAD,CAA1B;QACD;;QACDQ,CAAC,CAACiB,cAAF;MACD;IACF,C;;mEAEc,UAACjC,KAAD,EAAW;MACxB,6BAAyCA,KAAzC;MAAA,IAAOG,SAAP;MAAA;MAAA,IAAkBC,OAAlB,yBAA4BD,SAA5B;;MACA,MAAK6B,aAAL,CAAmB,EAAnB;;MACA,MAAKlB,QAAL,CAAcd,KAAd,CAAoB,CAACG,SAAD,EAAYC,OAAZ,CAApB;IACD,C;;oEAEe,UAACO,IAAD,EAAU;MACxB,IAAML,UAAN,GAAqB,MAAKc,KAA1B,CAAMd,UAAN;MACA,IAAIa,WAAW,GAAG,EAAlB;;MACA,IAAIlB,KAAK,CAACC,OAAN,CAAcS,IAAd,CAAJ,EAAyB;QACvBL,UAAU,GAAGK,IAAb;MACD,CAFD,MAEO,IAAI,CAACL,UAAU,CAACyB,MAAhB,EAAwB;QAC7BzB,UAAU,GAAG,CAACK,IAAD,CAAb;QACAQ,WAAW,GAAG,CAACR,IAAD,CAAd;MACD,CAHM,MAGA,IAAIL,UAAU,CAACyB,MAAX,IAAqB,CAAzB,EAA4B;QACjCzB,UAAU,GAAG,CAACK,IAAD,CAAb;QACAQ,WAAW,GAAG,CAACR,IAAD,CAAd;MACD,CAHM,MAGA,IAAIL,UAAU,CAAC,CAAD,CAAV,GAAgBK,IAApB,EAA0B;QAC/BL,UAAU,GAAG,CAACK,IAAD,EAAOL,UAAU,CAAC,CAAD,CAAjB,CAAb;MACD,CAFM,MAEA;QACLA,UAAU,GAAG,CAACA,UAAU,CAAC,CAAD,CAAX,EAAgBK,IAAhB,CAAb;MACD;;MAED,MAAK2B,QAAL,CAAc;QAAEhC,UAAU,EAAVA;MAAF,CAAd,EAA8B,YAAM;QAClC,MAAKQ,QAAL,CAAcK,WAAd,CAA0BA,WAA1B;MACD,CAFD;IAGD,C;;;;;;;WA7GD,6BAAoB;MAAA;;MAClB,OAAO;QACLX,eAAe,EAAE,IADZ;QAEL+B,OAAO,EAAE,CACP,IADO,EAEP,UAACA,OAAD,EAAa;UACX,IAAI,CAACA,OAAL,EAAc;YAAA;;YACZ,MAAI,CAACzB,QAAL,CAAcK,WAAd,CAA0B,EAA1B;;YACA,MAAI,CAACmB,QAAL,CAAc;cAAEhC,UAAU,EAAE;YAAd,CAAd;;YACA,MAAI,CAACQ,QAAL,CAAcN,eAAd,CACET,UAAU,yBAAC,MAAI,CAACU,OAAL,CAAaT,KAAd,uEAAuBwC,SAAvB,CAAV,IAA+C,MAAI,CAACC,KAAL,CAAW7C,sBAD5D;UAGD;QACF,CAVM,CAFJ;QAcLuB,WAAW,EAAE,IAdR;QAeLnB,KAAK,EAAE,CACL,IADK,EAEL,UAACA,KAAD,EAAW;UAAA;;UACT,MAAI,CAACc,QAAL,CAAcyB,OAAd,CAAsB,KAAtB;;UACA,MAAI,CAACzB,QAAL,CAAcN,eAAd,CAA8BT,UAAU,CAAC,aAACC,KAAK,CAAC,CAAD,CAAN,+CAAawC,SAAb,cAAwBxC,KAAK,CAAC,CAAD,CAA7B,+CAAoCwC,SAApC,CAAD,CAAxC;QACD,CALI;MAfF,CAAP;IAuBD;;;WAuFD,6BAAoB;MAClB,OAAO,EAAP;IACD;;;WAED,2BAAkB;MAChB,qBAAwB,KAAK/B,OAA7B;MAAA,IAAQT,KAAR,kBAAQA,KAAR;MAAA,IAAe0C,IAAf,kBAAeA,IAAf;MACA,OAAO;QACLA,IAAI,EAAJA,IADK;QAELC,KAAK,EAAE,CAAC3C,KAAK,CAAC,CAAD,CAAN,IAAa,CAACA,KAAK,CAAC,CAAD,CAFrB;QAGL4C,SAAS,EAAE,KAAKC;MAHX,CAAP;IAKD;;;WAED,0BAAiB;MACf,IAAMC,MAAM,GAAG,KAAKxE,aAAL,CAAf;MACA,qBAA4D,KAAKmC,OAAjE;MAAA,2CAAQsC,OAAR;MAAA,IAAQA,OAAR,sCAAkB,KAAKC,iBAAL,EAAlB;MAAA,IAA4CC,WAA5C,kBAA4CA,WAA5C;MAEA,IAAMC,OAAO,gBACX,uDACE,oBAAC,MAAD,CAAQ,KAAR,OADF,EAEG,CAACD,WAAD,iBAAgB,oBAAC,MAAD,CAAQ,KAAR;QAAc,EAAE,EAAE;MAAlB,EAFnB,CADF;MAOA,OAAO;QACLE,QAAQ,EAAE,CADL;QAELP,SAAS,EAAE,KAAKC,cAFX;QAGLO,QAAQ,eACN,uDACE,oBAAC,IAAD,qBACE,oBAAC,GAAD;UAAK,EAAE,EAAE;QAAT,gBACE,oBAAC,MAAD,CAAQ,MAAR,qBACE,oBAAC,MAAD,CAAQ,IAAR,OADF,eAEE,oBAAC,MAAD,CAAQ,KAAR,OAFF,CADF,eAKE,oBAAC,MAAD,CAAQ,QAAR,OALF,CADF,eAQE,oBAAC,GAAD;UAAK,EAAE,EAAE;QAAT,gBACE,oBAAC,MAAD,CAAQ,MAAR,qBACE,oBAAC,MAAD,CAAQ,KAAR,OADF,eAEE,oBAAC,MAAD,CAAQ,IAAR,OAFF,CADF,eAKE,oBAAC,MAAD,CAAQ,QAAR,OALF,CARF,EAeGC,OAAO,CAACN,OAAO,CAAChB,MAAT,CAAP,gBACC,uDACE,oBAAC,OAAD;UAAS,CAAC,EAAC,YAAX;UAAwB,WAAW,EAAC,UAApC;UAA+C,CAAC,EAAC;QAAjD,EADF,eAEE,oBAAC,IAAD;UAAM,SAAS,EAAC;QAAhB,gBACE,oBAAC,MAAD,CAAQ,MAAR,OADF,eAEE,oBAAC,IAAD;UAAM,EAAE,EAAC;QAAT,GAAiBmB,OAAjB,CAFF,CAFF,CADD,gBASC,oBAAC,IAAD;UAAM,EAAE,EAAE;QAAV,GAAcA,OAAd,CAxBJ,CADF;MAJG,CAAP;IAmCD;;;WAED,0BAAiB;MACf,IAAMJ,MAAM,GAAG,KAAKxE,aAAL,CAAf;MACA,OAAO;QACL8E,QAAQ,eACN,uDACE,oBAAC,MAAD,CAAQ,IAAR,OADF,eAEE,oBAAC,MAAD,CAAQ,KAAR,OAFF,eAGE,oBAAC,MAAD,CAAQ,IAAR,OAHF;MAFG,CAAP;IASD;;;WAED,uBAAcX,KAAd,EAAqBa,KAArB,EAA4B;MAC1B,qBAAoC,KAAK7C,OAAzC;MAAA,IAAQ8C,MAAR,kBAAQA,MAAR;MAAA,IAAgB/C,eAAhB,kBAAgBA,eAAhB;MACA,OAAO;QACL4C,QAAQ,EAAE,IAAII,IAAI,CAACC,cAAT,CAAwBF,MAAxB,EAAgC;UAAEG,KAAK,EAAE,MAAT;UAAiBC,IAAI,EAAE;QAAvB,CAAhC,EAAoEC,MAApE,CACRzF,KAAK,CAACqC,eAAD,CAAL,CAAuB4B,GAAvB,CAA2BkB,KAA3B,EAAkC,KAAK1C,YAAvC,EAAqDiD,OAArD,CAA6D,KAAKjD,YAAlE,EAAgFC,MAAhF,EADQ;MADL,CAAP;IAKD;;;WAED,wBAAe;MACb,OAAO;QACLiD,OAAO,EAAE,KAAKC,wBAAL,CAA8B,CAA9B;MADJ,CAAP;IAGD;;;WAED,wBAAe;MACb,OAAO;QACLD,OAAO,EAAE,KAAKC,wBAAL,CAA8B,CAAC,CAA/B;MADJ,CAAP;IAGD;;;WAED,0BAAiBtB,KAAjB,EAAwBa,KAAxB,EAA+B;MAC7B,qBAQI,KAAK7C,OART;MAAA,IACE8C,MADF,kBACEA,MADF;MAAA,IAEE/C,eAFF,kBAEEA,eAFF;MAAA,IAGEwD,QAHF,kBAGEA,QAHF;MAAA,IAIEhE,KAJF,kBAIEA,KAJF;MAAA,IAKEmB,WALF,kBAKEA,WALF;MAAA,IAME8C,mBANF,kBAMEA,mBANF;MAAA,IAOEC,eAPF,kBAOEA,eAPF;MASA,IAAQ5D,UAAR,GAAuB,KAAKc,KAA5B,CAAQd,UAAR;MAEA,OAAO;QACLiD,MAAM,EAANA,MADK;QAEL/C,eAAe,EAAErC,KAAK,CAACqC,eAAD,CAAL,CACd4B,GADc,CACVkB,KADU,EACH,KAAK1C,YADF,EAEdiD,OAFc,CAEN,KAAKjD,YAFC,EAGdC,MAHc,EAFZ;QAMLmD,QAAQ,EAARA,QANK;QAOL7C,WAAW,EAAXA,WAPK;QAQL8C,mBAAmB,EAAnBA,mBARK;QASLC,eAAe,EAAfA,eATK;QAULlE,KAAK,EAAEM,UAAU,CAACyB,MAAX,GAAoBzB,UAApB,GAAiCN,KAVnC;QAWLmE,QAAQ,EAAE,KAAKnC;MAXV,CAAP;IAaD;;;WAED,0BAAiB;MACf,qBAKI,KAAKvB,OALT;MAAA,2CACEsC,OADF;MAAA,IACEA,OADF,sCACY,KAAKC,iBAAL,EADZ;MAAA,IAEEhD,KAFF,kBAEEA,KAFF;MAAA,IAGEiE,mBAHF,kBAGEA,mBAHF;MAAA,IAIEG,uBAJF,kBAIEA,uBAJF;MAMA,IAAQ9D,UAAR,GAAuB,KAAKc,KAA5B,CAAQd,UAAR;MACA,OAAO;QACLyC,OAAO,EAAPA,OADK;QAEL/C,KAAK,EAAEM,UAAU,CAACyB,MAAX,GAAoBzB,UAApB,GAAiCN,KAFnC;QAGLmE,QAAQ,EAAE,KAAKE,YAHV;QAILJ,mBAAmB,EAAnBA,mBAJK;QAKLG,uBAAuB,EAAvBA;MALK,CAAP;IAOD;;;WAED,yBAAgB;MAAA;;MACd,qBAA+B,KAAK3D,OAApC;MAAA,IAAQT,KAAR,kBAAQA,KAAR;MAAA,IAAesE,WAAf,kBAAeA,WAAf;MACA,IAAQhE,UAAR,GAAuB,KAAKc,KAA5B,CAAQd,UAAR;MACA,OAAO;QACLgE,WAAW,EAAXA,WADK;QAELR,OAAO,EAAE;UAAA,OAAM,MAAI,CAACO,YAAL,CAAkB/D,UAAU,CAACyB,MAAX,GAAoBzB,UAApB,GAAiCN,KAAnD,CAAN;QAAA;MAFJ,CAAP;IAID;;;WAED,yBAAgB;MAAA;;MACd,IAAQsE,WAAR,GAAwB,KAAK7D,OAA7B,CAAQ6D,WAAR;MACA,OAAO;QACLA,WAAW,EAAXA,WADK;QAELR,OAAO,EAAE;UAAA,OAAM,MAAI,CAACO,YAAL,CAAkB,EAAlB,CAAN;QAAA;MAFJ,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,qBAA8D,KAAK5D,OAAnE;MAAA,IAAQ8D,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAAwCC,iBAAxC,kBAA0B,YAA1B;MAEA,eAAOlG,OAAO,CAACiG,MAAD,CAAd,eACE,oBACU5F,QADV;QAAA,kBAEkB6F,iBAFlB;QAAA,eAGc,OAHd;QAAA,kBAIkB,CAAC,UAAD,EAAa,OAAb;MAJlB,uBAME,oBAAC,QAAD,2BANF,CADF;IAUD;;;WAxTD,6BAA6C;MAAA,IAAvBzE,KAAuB,SAAvBA,KAAuB;MAAA,IAAhB0E,YAAgB,SAAhBA,YAAgB;MAC3C,OAAO;QACLhF,IAAI,EAAJA,IADK;QAEL6D,MAAM,EAAE,IAFH;QAGL3D,sBAAsB,EACpBG,UAAU,CAACC,KAAD,CAAV,IAAqBD,UAAU,CAAC2E,YAAD,CAA/B,IAAiD9E,sBAJ9C;QAKL8E,YAAY,EAAE,EALT;QAMLC,kBAAkB,EAAE,EANf;QAOLC,cAAc,EAAE,KAPX;QAQLZ,QAAQ,EAAE,EARL;QASLtB,IAAI,EAAE;MATD,CAAP;IAWD;;;;EAhB+BtE,S;;gBAA5BiC,mB,iBACiB,Y;;gBADjBA,mB,WAEWwE,K;;gBAFXxE,mB,aAkBa,CAACxB,WAAW,EAAZ,C;;gBAlBbwB,mB,SAoBS,UAACM,IAAD,EAAOmE,MAAP,EAAeC,IAAf,EAAwB;EACnC,OAAO5G,KAAK,CAACwC,IAAD,CAAL,CAAYyB,GAAZ,CAAgB0C,MAAhB,EAAwBC,IAAxB,EAA8BlE,MAA9B,EAAP;AACD,C;;gBAtBGR,mB,cAwBc,UAACM,IAAD,EAAOmE,MAAP,EAAeC,IAAf,EAAwB;EACxC,OAAO5G,KAAK,CAACwC,IAAD,CAAL,CAAYmB,QAAZ,CAAqBgD,MAArB,EAA6BC,IAA7B,EAAmClE,MAAnC,EAAP;AACD,C;;AAqSH,SAASmE,KAAT,CAAevC,KAAf,EAAsB;EAAA;EACpB,IAAQ6B,WAAR,GAAwB7B,KAAxB,CAAQ6B,WAAR;EACA,oBAAO,oBAAc9F,MAAd;IAAA,OAA0B,SAA1B;IAAA,YAA8C8F,WAAW,CAAC,OAAD;EAAzD,UAAP;AACD;;AAED,SAASW,KAAT,CAAexC,KAAf,EAAsB;EAAA;EACpB,IAAQ6B,WAAR,GAAwB7B,KAAxB,CAAQ6B,WAAR;EACA,oBAAO,oBAAc9F,MAAd;IAAA,OAA0B,UAA1B;IAAA,SAA2C,OAA3C;IAAA,YAA6D8F,WAAW,CAAC,OAAD;EAAxE,UAAP;AACD;;AAED,SAASU,KAAT,EAAgBC,KAAhB;AAEA,eAAe5E,mBAAf"}
+{"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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"}

package/lib/es6/components/index.js

@@ -64,8 +64,7 @@ export function Popper(props) {
 
   var SPopper = Dropdown.Popper;
   return _ref9 = sstyled(props.styles), /*#__PURE__*/React.createElement(SPopper, _ref9.cn("SPopper", _objectSpread({}, _assignProps3({
-    "role": "region",
-    "aria-label": "calendar-container"
+    "role": "region"
   }, _ref3))));
 }
 export function Header(props) {
@@ -84,27 +83,29 @@ export var Title = function Title(_ref13) {
   var STitle = Box;
   return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref11.cn("STitle", _objectSpread({}, _assignProps5({}, _ref5))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
 };
-export function Prev() {
+export function Prev(_ref14) {
   var _ref6 = arguments[0];
+  var getI18nText = _ref14.getI18nText;
   return /*#__PURE__*/React.createElement(Button, _assignProps6({
     "use": "tertiary",
     "theme": "muted",
     "size": "l",
     "tabIndex": -1,
-    "aria-label": "Prev period"
+    "aria-label": getI18nText('prev')
   }, _ref6));
 }
 Prev.defaultProps = {
   children: /*#__PURE__*/React.createElement(ChevronLeft, null)
 };
-export function Next() {
+export function Next(_ref15) {
   var _ref7 = arguments[0];
+  var getI18nText = _ref15.getI18nText;
   return /*#__PURE__*/React.createElement(Button, _assignProps7({
     "use": "tertiary",
     "theme": "muted",
     "size": "l",
     "tabIndex": -1,
-    "aria-label": "Next period"
+    "aria-label": getI18nText('next')
   }, _ref7));
 }
 Next.defaultProps = {
@@ -114,12 +115,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_yc1hj_gg_{justify-content:flex-start}"
+".___SInner_kz0ru_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "yc1hj_gg_")
+, "kz0ru_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_yc1hj_gg_"
+  "__SInner": "___SInner_kz0ru_gg_"
 });
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);
@@ -173,12 +174,12 @@ export var Period = /*#__PURE__*/function (_Component) {
           periods = _this$asProps.periods,
           onHighlightedChange = _this$asProps.onHighlightedChange,
           onDisplayedPeriodChange = _this$asProps.onDisplayedPeriodChange;
-      return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SPeriod, _ref12.cn("SPeriod", _objectSpread({}, _assignProps8({}, _ref8))), periods.map(function (_ref14, i) {
-        var period = _ref14.value,
-            onClick = _ref14.onClick,
-            onMouseEnter = _ref14.onMouseEnter,
-            onMouseLeave = _ref14.onMouseLeave,
-            other = _objectWithoutProperties(_ref14, _excluded);
+      return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SPeriod, _ref12.cn("SPeriod", _objectSpread({}, _assignProps8({}, _ref8))), periods.map(function (_ref16, i) {
+        var period = _ref16.value,
+            onClick = _ref16.onClick,
+            onMouseEnter = _ref16.onMouseEnter,
+            onMouseLeave = _ref16.onMouseLeave,
+            other = _objectWithoutProperties(_ref16, _excluded);
 
         return /*#__PURE__*/React.createElement(Button, _extends({
           use: "tertiary",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","InputTriggerBase","Trigger","InputTrigger","Indicator","MaskedInput","Addon","SingleDateInput","DateRange","DateRangeFromInput","DateRangeToInput","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"sources":["../../../src/components/index.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\nimport InputTriggerBase from './InputTrigger';\n\n/** @deprecated `DatePicker.Trigger` is deprecated, consider migrating to `DatePicker.InputTrigger` instead */\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function InputTrigger() {\n  return (\n    <Root\n      render={Dropdown.Trigger}\n      tag={InputTriggerBase}\n      __excludeProps={['role', 'aria-haspopup', 'onChange', 'value']}\n    />\n  );\n}\nInputTrigger.Indicator = InputTriggerBase.Indicator;\nInputTrigger.MaskedInput = InputTriggerBase.MaskedInput;\nInputTrigger.Addon = InputTriggerBase.Addon;\nInputTrigger.SingleDateInput = InputTriggerBase.SingleDateInput;\nInputTrigger.DateRange = InputTriggerBase.DateRange;\nInputTrigger.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nInputTrigger.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(\n    <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n  );\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Prev period\"\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Next period\"\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","InputTriggerBase","Trigger","InputTrigger","Indicator","MaskedInput","Addon","SingleDateInput","DateRange","DateRangeFromInput","DateRangeToInput","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","getI18nText","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"sources":["../../../src/components/index.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\nimport InputTriggerBase from './InputTrigger';\n\n/** @deprecated `DatePicker.Trigger` is deprecated, consider migrating to `DatePicker.InputTrigger` instead */\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function InputTrigger() {\n  return (\n    <Root\n      render={Dropdown.Trigger}\n      tag={InputTriggerBase}\n      __excludeProps={['role', 'aria-haspopup', 'onChange', 'value']}\n    />\n  );\n}\nInputTrigger.Indicator = InputTriggerBase.Indicator;\nInputTrigger.MaskedInput = InputTriggerBase.MaskedInput;\nInputTrigger.Addon = InputTriggerBase.Addon;\nInputTrigger.SingleDateInput = InputTriggerBase.SingleDateInput;\nInputTrigger.DateRange = InputTriggerBase.DateRange;\nInputTrigger.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nInputTrigger.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(<SPopper render={Dropdown.Popper} role=\"region\" />);\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev({ getI18nText }) {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label={getI18nText('prev')}\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next({ getI18nText }) {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label={getI18nText('next')}\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"mappings":"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"}