@semcore/date-picker 2.8.3 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.0.0] - 2022-05-17
+
+### BREAK
+
+- Updated styles according to the library redesign policy.
+- Remove value "xl" for "size".
+
+## [2.8.5] - 2022-05-16
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [2.6.4 ~> 2.6.5], `@semcore/icon` [2.21.0 ~> 2.24.0]).
+
+## [2.8.4] - 2022-04-28
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [2.6.3 ~> 2.6.4], `@semcore/icon` [2.20.0 ~> 2.21.0]).
+
 ## [2.8.3] - 2022-03-21
 
 ### Changed

package/lib/cjs/DatePicker.js

@@ -105,6 +105,7 @@ var DatePickerRoot = /*#__PURE__*/function (_PickerAbstract) {
       return _objectSpread(_objectSpread({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(DatePickerRoot.prototype), "getPopperProps", this).call(this)), {}, {
         children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(DatePicker.Header, null), /*#__PURE__*/_react["default"].createElement(DatePicker.Calendar, null), /*#__PURE__*/_react["default"].createElement(_divider["default"], {
           ml: -4,
+          mt: 4,
           w: "calc(100% + 32px)"
         }), /*#__PURE__*/_react["default"].createElement(DatePicker.Today, null))
       });
@@ -159,7 +160,7 @@ var Today = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(Today, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var SToday = _flexBox.Box;

package/lib/cjs/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/DatePicker.jsx"],"names":["DatePickerRoot","handlers","value","Date","setHours","asProps","locale","placeholder","children","displayedPeriod","Intl","DateTimeFormat","month","year","format","startOf","toDate","i18n","onClick","handlerToday","PickerAbstract","props","defaultProps","Today","SToday","Box","styles","getI18nText","Component","DatePicker","Trigger","Popper","Header","Title","Prev","Next","Calendar","parent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Header, Next, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\nimport { getLocaleDate } from './utils/formatDate';\n\nexport class DatePickerRoot extends PickerAbstract {\n  static displayName = 'DatePicker';\n\n  static defaultProps = (props) => ({\n    ...PickerAbstract.defaultProps(props),\n    children: (\n      <>\n        <DatePicker.Trigger />\n        <DatePicker.Popper />\n      </>\n    ),\n  });\n\n  navigateStep = 'month';\n  keyStep = 'day';\n  keyDiff = {\n    37: -1,\n    38: -7,\n    39: 1,\n    40: 7,\n  };\n\n  handlerToday = () => {\n    this.handlers.value(new Date(new Date().setHours(0, 0, 0, 0)));\n  };\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select date',\n      children: value ? getLocaleDate(value, locale) : null,\n    };\n  }\n\n  getPopperProps() {\n    return {\n      ...super.getPopperProps(),\n      children: (\n        <>\n          <DatePicker.Header />\n          <DatePicker.Calendar />\n          <Divider ml={-4} w=\"calc(100% + 32px)\" />\n          <DatePicker.Today />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(),\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).startOf('month').toDate(),\n      ),\n    };\n  }\n\n  getTodayProps() {\n    const { i18n, locale } = this.asProps;\n    return {\n      i18n,\n      locale,\n      onClick: this.handlerToday,\n    };\n  }\n}\n\nclass Today extends Component {\n  static enhance = [i18nEnhance()];\n\n  render() {\n    const SToday = Root;\n    const { styles, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SToday render={Box}>\n        <Button use=\"tertiary\" children={getI18nText('today')} />\n      </SToday>,\n    );\n  }\n}\n\nconst DatePicker = createComponent(\n  DatePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Today,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default DatePicker;\n"],"file":"DatePicker.js"}
+{"version":3,"sources":["../../src/DatePicker.jsx"],"names":["DatePickerRoot","handlers","value","Date","setHours","asProps","locale","placeholder","children","displayedPeriod","Intl","DateTimeFormat","month","year","format","startOf","toDate","i18n","onClick","handlerToday","PickerAbstract","props","defaultProps","Today","SToday","Box","styles","getI18nText","Component","DatePicker","Trigger","Popper","Header","Title","Prev","Next","Calendar","parent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Header, Next, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\nimport { getLocaleDate } from './utils/formatDate';\n\nexport class DatePickerRoot extends PickerAbstract {\n  static displayName = 'DatePicker';\n\n  static defaultProps = (props) => ({\n    ...PickerAbstract.defaultProps(props),\n    children: (\n      <>\n        <DatePicker.Trigger />\n        <DatePicker.Popper />\n      </>\n    ),\n  });\n\n  navigateStep = 'month';\n  keyStep = 'day';\n  keyDiff = {\n    37: -1,\n    38: -7,\n    39: 1,\n    40: 7,\n  };\n\n  handlerToday = () => {\n    this.handlers.value(new Date(new Date().setHours(0, 0, 0, 0)));\n  };\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select date',\n      children: value ? getLocaleDate(value, locale) : null,\n    };\n  }\n\n  getPopperProps() {\n    return {\n      ...super.getPopperProps(),\n      children: (\n        <>\n          <DatePicker.Header />\n          <DatePicker.Calendar />\n          <Divider ml={-4} mt={4} w=\"calc(100% + 32px)\" />\n          <DatePicker.Today />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(),\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).startOf('month').toDate(),\n      ),\n    };\n  }\n\n  getTodayProps() {\n    const { i18n, locale } = this.asProps;\n    return {\n      i18n,\n      locale,\n      onClick: this.handlerToday,\n    };\n  }\n}\n\nclass Today extends Component {\n  static enhance = [i18nEnhance()];\n\n  render() {\n    const SToday = Root;\n    const { styles, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SToday render={Box}>\n        <Button use=\"tertiary\" children={getI18nText('today')} />\n      </SToday>,\n    );\n  }\n}\n\nconst DatePicker = createComponent(\n  DatePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Today,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default DatePicker;\n"],"file":"DatePicker.js"}

package/lib/cjs/components/ButtonTrigger.js

@@ -11,27 +11,21 @@ exports["default"] = void 0;
 
 var _core = _interopRequireWildcard(require("@semcore/core"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _baseTrigger = _interopRequireDefault(require("@semcore/base-trigger"));
 
-var _flexBox = require("@semcore/flex-box");
-
 var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
 
 var _m = _interopRequireDefault(require("@semcore/icon/Calendar/m"));
 
-var _this = void 0;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
-  var _ref = _this ? _this.asProps : arguments[0];
-
-  var Children = _ref2.Children,
-      size = _ref2.size;
+  var _ref = arguments[0];
+  var Children = _ref2.Children;
   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));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ButtonTrigger.jsx"],"names":["ButtonTriggerRoot","Children","size","BaseTrigger","Calendar","ButtonTrigger","Text","Addon","displayName"],"mappings":";;;;;;;;;;;AAKA;;AALA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,QAAwB;AAAA;;AAAA,MAArBC,QAAqB,SAArBA,QAAqB;AAAA,MAAXC,IAAW,SAAXA,IAAW;AAChD,sBACE,gCAAcC,uBAAd,iDACE,gCAAC,aAAD,CAAe,KAAf;AAAqB,IAAA,GAAG,EAAEC;AAA1B,IADF,EAEG,mCAAkBH,QAAlB,EAA4BI,aAAa,CAACC,IAA1C,EAAgDD,aAAa,CAACE,KAA9D,CAFH,CADF;AAMD,CAPD;;AASAP,iBAAiB,CAACQ,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAG,sBAAgBL,iBAAhB,EAAmC;AACvDM,EAAAA,IAAI,EAAEH,wBAAYG,IADqC;AAEvDC,EAAAA,KAAK,EAAEJ,wBAAYI;AAFoC,CAAnC,CAAtB;eAKeF,a","sourcesContent":["import React, { ComponentProps } from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children, size }) => {\n  return (\n    <Root render={BaseTrigger}>\n      <ButtonTrigger.Addon tag={Calendar} />\n      {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\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"],"file":"ButtonTrigger.js"}
+{"version":3,"sources":["../../../src/components/ButtonTrigger.jsx"],"names":["ButtonTriggerRoot","Children","BaseTrigger","Calendar","ButtonTrigger","Text","Addon","displayName"],"mappings":";;;;;;;;;;;AAIA;;AAJA;;AACA;;AACA;;AACA;;;;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,QAAkB;AAAA;AAAA,MAAfC,QAAe,SAAfA,QAAe;AAC1C,sBACE,gCAAcC,uBAAd,iDACE,gCAAC,aAAD,CAAe,KAAf;AAAqB,IAAA,GAAG,EAAEC;AAA1B,IADF,EAEG,mCAAkBF,QAAlB,EAA4BG,aAAa,CAACC,IAA1C,EAAgDD,aAAa,CAACE,KAA9D,CAFH,CADF;AAMD,CAPD;;AASAN,iBAAiB,CAACO,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAG,sBAAgBJ,iBAAhB,EAAmC;AACvDK,EAAAA,IAAI,EAAEH,wBAAYG,IADqC;AAEvDC,EAAAA,KAAK,EAAEJ,wBAAYI;AAFoC,CAAnC,CAAtB;eAKeF,a","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)}\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"],"file":"ButtonTrigger.js"}

package/lib/cjs/components/Calendar.js

@@ -66,26 +66,26 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_1hh6z_gg_{display:flex;flex-direction:column}.___SGridDays_1hh6z_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1hh6z_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1hh6z_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1hh6z_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#757575;font-size:12px;font-weight:400;overflow:hidden}.___SCalendarUnit_1hh6z_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#333333;outline:0;box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:transparent;align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none}.___SCalendarUnit_1hh6z_gg_:hover{color:#333333;background:rgba(166,176,179,.2)}.___SCalendarUnit_1hh6z_gg_.focus-visible{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCalendarUnit_1hh6z_gg_:focus-visible{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCalendarUnit_1hh6z_gg_.__today_1hh6z_gg_:before{content:\"\";position:absolute;display:block;top:2px;left:2px;border-radius:3px;width:calc(100% - 4px);height:calc(100% - 4px);box-sizing:border-box;border:1px solid rgba(0,0,0,.2)}.___SCalendarUnit_1hh6z_gg_.__today_1hh6z_gg_.___SCalendarUnit_1hh6z_gg_.__endSelected_1hh6z_gg_:before,.___SCalendarUnit_1hh6z_gg_.__today_1hh6z_gg_.___SCalendarUnit_1hh6z_gg_.__startSelected_1hh6z_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_1hh6z_gg_.__selected_1hh6z_gg_{background:rgba(43,148,225,.1);border-radius:0;color:#333333}.___SCalendarUnit_1hh6z_gg_.__selected_1hh6z_gg_:hover{background:rgba(43,148,225,.3)}.___SCalendarUnit_1hh6z_gg_.__highlighted_1hh6z_gg_{background:rgba(43,148,225,.2);border-radius:0;color:#333333}.___SCalendarUnit_1hh6z_gg_.__highlighted_1hh6z_gg_:hover{background:rgba(43,148,225,.3)}.___SCalendarUnit_1hh6z_gg_.__startSelected_1hh6z_gg_{background:#2b94e1;border-bottom-left-radius:4px;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:0;color:#fff}.___SCalendarUnit_1hh6z_gg_.__startSelected_1hh6z_gg_:hover{color:#fff;background:#2682c6}.___SCalendarUnit_1hh6z_gg_.__endSelected_1hh6z_gg_{background:#2b94e1;border-bottom-left-radius:0;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:4px;color:#fff}.___SCalendarUnit_1hh6z_gg_.__endSelected_1hh6z_gg_:hover{color:#fff;background:#2682c6}.___SCalendarUnit_1hh6z_gg_.__startHighlighted_1hh6z_gg_{border-bottom-left-radius:4px;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:0}.___SCalendarUnit_1hh6z_gg_.__endHighlighted_1hh6z_gg_{border-bottom-left-radius:0;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:4px}.___SCalendarUnit_1hh6z_gg_.__startHighlighted_1hh6z_gg_.___SCalendarUnit_1hh6z_gg_.__endHighlighted_1hh6z_gg_{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.___SCalendarUnit_1hh6z_gg_.__startSelected_1hh6z_gg_.___SCalendarUnit_1hh6z_gg_.__endSelected_1hh6z_gg_{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.___SCalendarUnit_1hh6z_gg_.__disabled_1hh6z_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendarUnit_1hh6z_gg_.__outdated_1hh6z_gg_{opacity:.2}@media (prefers-reduced-motion){.___SCalendarUnit_1hh6z_gg_{transition:none}}"
+".___SCalendar_culb2_gg_{display:flex;flex-direction:column}.___SGridDays_culb2_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_culb2_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_culb2_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_culb2_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#6c6e79;font-size:14px;font-weight:400;overflow:hidden}.___SCalendarUnit_culb2_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#191b23;outline:0;box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:transparent;align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none}.___SCalendarUnit_culb2_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_culb2_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_culb2_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_culb2_gg_.__today_culb2_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:6px;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid #c4c7cf}.___SCalendarUnit_culb2_gg_.__today_culb2_gg_.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_:before,.___SCalendarUnit_culb2_gg_.__today_culb2_gg_.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_culb2_gg_.__selected_culb2_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_culb2_gg_.__selected_culb2_gg_:hover{background:#008ff8}.___SCalendarUnit_culb2_gg_.__highlighted_culb2_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_culb2_gg_.__highlighted_culb2_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0;color:#fff;background:#2bb3ff}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_{background:#2bb3ff;border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px;color:#fff}.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_culb2_gg_.__startHighlighted_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_culb2_gg_.__endHighlighted_culb2_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__startHighlighted_culb2_gg_.___SCalendarUnit_culb2_gg_.__endHighlighted_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__outdated_culb2_gg_{opacity:.2}.___SCalendarUnit_culb2_gg_.__disabled_culb2_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_culb2_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "glwl99_gg_")
+, "1k0az1i_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_1hh6z_gg_",
-  "__SGridDays": "___SGridDays_1hh6z_gg_",
-  "__SGridMonths": "___SGridMonths_1hh6z_gg_",
-  "__SWeekDays": "___SWeekDays_1hh6z_gg_",
-  "__SWeekDay": "___SWeekDay_1hh6z_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_1hh6z_gg_",
-  "_today": "__today_1hh6z_gg_",
-  "_endSelected": "__endSelected_1hh6z_gg_",
-  "_startSelected": "__startSelected_1hh6z_gg_",
-  "_selected": "__selected_1hh6z_gg_",
-  "_highlighted": "__highlighted_1hh6z_gg_",
-  "_startHighlighted": "__startHighlighted_1hh6z_gg_",
-  "_endHighlighted": "__endHighlighted_1hh6z_gg_",
-  "_disabled": "__disabled_1hh6z_gg_",
-  "_outdated": "__outdated_1hh6z_gg_"
+  "__SCalendar": "___SCalendar_culb2_gg_",
+  "__SGridDays": "___SGridDays_culb2_gg_",
+  "__SGridMonths": "___SGridMonths_culb2_gg_",
+  "__SWeekDays": "___SWeekDays_culb2_gg_",
+  "__SWeekDay": "___SWeekDay_culb2_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_culb2_gg_",
+  "_today": "__today_culb2_gg_",
+  "_endSelected": "__endSelected_culb2_gg_",
+  "_startSelected": "__startSelected_culb2_gg_",
+  "_selected": "__selected_culb2_gg_",
+  "_highlighted": "__highlighted_culb2_gg_",
+  "_startHighlighted": "__startHighlighted_culb2_gg_",
+  "_endHighlighted": "__endHighlighted_culb2_gg_",
+  "_outdated": "__outdated_culb2_gg_",
+  "_disabled": "__disabled_culb2_gg_"
 });
 
 _dayjs["default"].extend(_isBetween["default"]);
@@ -145,7 +145,7 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref6;
 
       var SWeekDays = _flexBox.Box;
@@ -173,7 +173,7 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
 });
 
 function CalendarWeekUnit(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref7;
 
   var SWeekDay = _flexBox.Box;
@@ -294,7 +294,7 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
 (0, _defineProperty2["default"])(CalendarAbstract, "style", style);
 
 function CalendarUnit(_ref14) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref8;
 
   var styles = _ref14.styles,
@@ -385,7 +385,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
   }, {
     key: "render",
     value: function render() {
-      var _ref4 = this ? this.asProps : arguments[0],
+      var _ref4 = this.asProps,
           _ref9;
 
       var SCalendar = _flexBox.Box;
@@ -461,7 +461,7 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
   }, {
     key: "render",
     value: function render() {
-      var _ref5 = this ? this.asProps : arguments[0],
+      var _ref5 = this.asProps,
           _ref10;
 
       var SCalendar = _flexBox.Box;

package/lib/cjs/components/PickerAbstract.js

@@ -64,16 +64,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_1v9b6_gg_{padding:16px;outline:0}.___SPopper_1v9b6_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1v9b6_gg_:active,.___SPopper_1v9b6_gg_:focus,.___SPopper_1v9b6_gg_:hover{outline:0;text-decoration:none}.___SPopper_1v9b6_gg_:focus{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SHeader_1v9b6_gg_{display:flex}.___STitle_1v9b6_gg_{font-size:12px;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1v9b6_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1v9b6_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_16bic_gg_{padding:16px;outline:0}.___SPopper_16bic_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_16bic_gg_:active,.___SPopper_16bic_gg_:focus,.___SPopper_16bic_gg_:hover{outline:0;text-decoration:none}.___SPopper_16bic_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_16bic_gg_{display:flex;align-items:center}.___STitle_16bic_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_16bic_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_16bic_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "1olnti5_gg_")
+, "iz6ur6_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_1v9b6_gg_",
-  "__SHeader": "___SHeader_1v9b6_gg_",
-  "__STitle": "___STitle_1v9b6_gg_",
-  "__SToday": "___SToday_1v9b6_gg_",
-  "__SPeriod": "___SPeriod_1v9b6_gg_"
+  "__SPopper": "___SPopper_16bic_gg_",
+  "__SHeader": "___SHeader_16bic_gg_",
+  "__STitle": "___STitle_16bic_gg_",
+  "__SToday": "___SToday_16bic_gg_",
+  "__SPeriod": "___SPeriod_16bic_gg_"
 });
 var i18n = {
   de: _de["default"],
@@ -199,7 +199,6 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var interaction = this.asProps.interaction;
       var Picker = this[_core.CORE_INSTANCE];
       return {
         tabIndex: 0,
@@ -257,7 +256,7 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var _this$asProps4 = this.asProps,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PickerAbstract.jsx"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","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","size","empty","onKeyDown","handlerKeyDown","interaction","Picker","CORE_INSTANCE","tabIndex","children","onClick","bindHandlerNavigateClick","locale","onChange","renderOutdated","styles","Children","Dropdown","defaultValue","defaultVisible","defaultHighlighted","Component","style","amount","unit","subtract"],"mappings":"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","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: null,\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          // TODO: работает только из-за new Date() !== new Date()\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(value);\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 { interaction } = this.asProps;\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 } = this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n    };\n  }\n\n  render() {\n    const { styles, Children } = this.asProps;\n    return sstyled(styles)(\n      <Root render={Dropdown}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"file":"PickerAbstract.js"}
+{"version":3,"sources":["../../../src/components/PickerAbstract.jsx"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","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","size","empty","onKeyDown","handlerKeyDown","Picker","CORE_INSTANCE","tabIndex","children","onClick","bindHandlerNavigateClick","locale","onChange","renderOutdated","styles","Children","Dropdown","defaultValue","defaultVisible","defaultHighlighted","Component","style","amount","unit","subtract"],"mappings":"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","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: null,\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          // TODO: работает только из-за new Date() !== new Date()\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(value);\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 } = this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n    };\n  }\n\n  render() {\n    const { styles, Children } = this.asProps;\n    return sstyled(styles)(\n      <Root render={Dropdown}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"file":"PickerAbstract.js"}

package/lib/cjs/components/RangePickerAbstract.js

@@ -70,16 +70,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_1v9b6_gg_{padding:16px;outline:0}.___SPopper_1v9b6_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1v9b6_gg_:active,.___SPopper_1v9b6_gg_:focus,.___SPopper_1v9b6_gg_:hover{outline:0;text-decoration:none}.___SPopper_1v9b6_gg_:focus{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SHeader_1v9b6_gg_{display:flex}.___STitle_1v9b6_gg_{font-size:12px;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1v9b6_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1v9b6_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_16bic_gg_{padding:16px;outline:0}.___SPopper_16bic_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_16bic_gg_:active,.___SPopper_16bic_gg_:focus,.___SPopper_16bic_gg_:hover{outline:0;text-decoration:none}.___SPopper_16bic_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_16bic_gg_{display:flex;align-items:center}.___STitle_16bic_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_16bic_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_16bic_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "1olnti5_gg_")
+, "iz6ur6_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_1v9b6_gg_",
-  "__SHeader": "___SHeader_1v9b6_gg_",
-  "__STitle": "___STitle_1v9b6_gg_",
-  "__SToday": "___SToday_1v9b6_gg_",
-  "__SPeriod": "___SPeriod_1v9b6_gg_"
+  "__SPopper": "___SPopper_16bic_gg_",
+  "__SHeader": "___SHeader_16bic_gg_",
+  "__STitle": "___STitle_16bic_gg_",
+  "__SToday": "___SToday_16bic_gg_",
+  "__SPeriod": "___SPeriod_16bic_gg_"
 });
 var i18n = {
   de: _de["default"],
@@ -151,7 +151,6 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
 
       var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
         var _next_highlighted = (0, _slicedToArray2["default"])(next_highlighted, 2),
-            _ = _next_highlighted[0],
             right_period = _next_highlighted[1];
 
         if (right_period) {
@@ -288,8 +287,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           _this$asProps3$period = _this$asProps3.periods,
           periods = _this$asProps3$period === void 0 ? this.getDefaultPeriods() : _this$asProps3$period,
           unclearable = _this$asProps3.unclearable,
-          getI18nText = _this$asProps3.getI18nText,
-          interaction = _this$asProps3.interaction;
+          getI18nText = _this$asProps3.getI18nText;
       var dirtyValue = this.state.dirtyValue;
 
       var buttons = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -405,7 +403,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var _this$asProps7 = this.asProps,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RangePickerAbstract.jsx"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","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","props","size","empty","onKeyDown","handlerKeyDown","Picker","CORE_INSTANCE","periods","getDefaultPeriods","unclearable","getI18nText","interaction","buttons","handlerApply","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","disabled","onHighlightedChange","onChange","onDisplayedPeriodChange","Children","styles","Dropdown","defaultValue","defaultHighlighted","defaultVisible","Component","style","amount","unit"],"mappings":"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","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';\n\nimport style from '../style/date-picker.shadow.css';\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\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  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  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) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          // TODO: работает только из-за new Date() !== new Date()\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate(value));\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 {\n      value,\n      periods = this.getDefaultPeriods(),\n      unclearable,\n      getI18nText,\n      interaction,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    const buttons = (\n      <>\n        <Button\n          use=\"primary\"\n          children={getI18nText('apply')}\n          onClick={() => this.handlerApply(dirtyValue.length ? dirtyValue : value)}\n        />\n        {!unclearable && (\n          <Button\n            ml={2}\n            use=\"tertiary\"\n            theme=\"muted\"\n            children={getI18nText('reset')}\n            onClick={() => this.handlerApply([])}\n          />\n        )}\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>\n          {!Boolean(periods.length) && <Flex mt={4}>{buttons}</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 { locale, displayedPeriod, disabled, value, highlighted, onHighlightedChange } =\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      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  render() {\n    const { Children, styles } = this.asProps;\n    return sstyled(styles)(\n      <Root render={Dropdown}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default RangePickerAbstract;\n"],"file":"RangePickerAbstract.js"}
+{"version":3,"sources":["../../../src/components/RangePickerAbstract.jsx"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","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","props","size","empty","onKeyDown","handlerKeyDown","Picker","CORE_INSTANCE","periods","getDefaultPeriods","unclearable","getI18nText","buttons","handlerApply","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","disabled","onHighlightedChange","onChange","onDisplayedPeriodChange","Children","styles","Dropdown","defaultValue","defaultHighlighted","defaultVisible","Component","style","amount","unit"],"mappings":"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","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';\n\nimport style from '../style/date-picker.shadow.css';\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\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  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  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) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          // TODO: работает только из-за new Date() !== new Date()\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate(value));\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 { value, periods = this.getDefaultPeriods(), unclearable, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    const buttons = (\n      <>\n        <Button\n          use=\"primary\"\n          children={getI18nText('apply')}\n          onClick={() => this.handlerApply(dirtyValue.length ? dirtyValue : value)}\n        />\n        {!unclearable && (\n          <Button\n            ml={2}\n            use=\"tertiary\"\n            theme=\"muted\"\n            children={getI18nText('reset')}\n            onClick={() => this.handlerApply([])}\n          />\n        )}\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>\n          {!Boolean(periods.length) && <Flex mt={4}>{buttons}</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    } = 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      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  render() {\n    const { Children, styles } = this.asProps;\n    return sstyled(styles)(\n      <Root render={Dropdown}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default RangePickerAbstract;\n"],"file":"RangePickerAbstract.js"}

package/lib/cjs/components/index.js

@@ -53,8 +53,6 @@ var _ButtonTrigger = _interopRequireDefault(require("./ButtonTrigger"));
 
 var _excluded = ["value", "onClick", "onMouseEnter", "onMouseLeave"];
 
-var _this = void 0;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -64,15 +62,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function Trigger() {
-  var _ref = this ? this.asProps : arguments[0];
-
+  var _ref = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_dropdown["default"].Trigger, (0, _core.assignProps)({
     "tag": _ButtonTrigger["default"]
   }, _ref));
 }
 
 function Popper(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref8;
 
   var SPopper = _dropdown["default"].Popper;
@@ -83,7 +80,7 @@ function Popper(props) {
 }
 
 function Header(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref9;
 
   var SHeader = _flexBox.Box;
@@ -91,7 +88,7 @@ function Header(props) {
 }
 
 var Title = function Title(_ref12) {
-  var _ref4 = _this ? _this.asProps : arguments[0],
+  var _ref4 = arguments[0],
       _ref10;
 
   var Children = _ref12.Children,
@@ -103,8 +100,7 @@ var Title = function Title(_ref12) {
 exports.Title = Title;
 
 function Prev() {
-  var _ref5 = this ? this.asProps : arguments[0];
-
+  var _ref5 = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _core.assignProps)({
     "use": "tertiary",
     "theme": "muted",
@@ -119,8 +115,7 @@ Prev.defaultProps = {
 };
 
 function Next() {
-  var _ref6 = this ? this.asProps : arguments[0];
-
+  var _ref6 = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _core.assignProps)({
     "use": "tertiary",
     "theme": "muted",
@@ -151,7 +146,7 @@ var Period = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(Period);
 
   function Period() {
-    var _this2;
+    var _this;
 
     (0, _classCallCheck2["default"])(this, Period);
 
@@ -159,8 +154,8 @@ var Period = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this2 = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getActiveControl", function () {
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getActiveControl", function () {
       var period = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var value = arguments.length > 1 ? arguments[1] : undefined;
 
@@ -177,15 +172,15 @@ var Period = /*#__PURE__*/function (_Component) {
 
       return compareMonth(period[0], value);
     });
-    return _this2;
+    return _this;
   }
 
   (0, _createClass2["default"])(Period, [{
     key: "render",
     value: function render() {
-      var _ref7 = this ? this.asProps : arguments[0],
+      var _ref7 = this.asProps,
           _ref11,
-          _this3 = this;
+          _this2 = this;
 
       var SPeriod = _flexBox.Box;
       var _this$asProps = this.asProps,
@@ -206,7 +201,7 @@ var Period = /*#__PURE__*/function (_Component) {
           theme: "muted",
           styles: stylesBtn,
           key: i,
-          active: _this3.getActiveControl(period, value),
+          active: _this2.getActiveControl(period, value),
           onClick: (0, _assignProps8.callAllEventHandlers)(onClick, function () {
             return onChange(period);
           }),