@semcore/date-picker 4.57.2-prerelease.0 → 4.58.0-prerelease.0

package/lib/esm/DatePicker.mjs

@@ -1,53 +1,50 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import createComponent, { sstyled, assignProps, Component } from "@semcore/core";
-import React from "react";
-import dayjs from "dayjs";
-import { Box } from "@semcore/flex-box";
+import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { Box } from "@semcore/base-components";
 import Button from "@semcore/button";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import Divider from "@semcore/divider";
-import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
-import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next } from "./components/index.mjs";
+import dayjs from "dayjs";
+import React from "react";
+import { InputTrigger, Next, Prev, Title, Header, Popper, Trigger } from "./components/index.mjs";
 import { CalendarDays } from "./components/Calendar.mjs";
 import PickerAbstract from "./components/PickerAbstract.mjs";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 import { formatDDMMYY } from "./utils/formatDate.mjs";
 import { includesDate } from "./utils/includesDate.mjs";
-import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-var DatePickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
-  _inherits(DatePickerRoot2, _PickerAbstract);
-  var _super = _createSuper(DatePickerRoot2);
+var DatePickerRoot = /* @__PURE__ */ (function(_PickerAbstract) {
   function DatePickerRoot2() {
     var _this;
     _classCallCheck(this, DatePickerRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "navigateStep", "month");
-    _defineProperty(_assertThisInitialized(_this), "keyStep", "day");
-    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
+    _this = _callSuper(this, DatePickerRoot2, [].concat(args));
+    _defineProperty(_this, "navigateStep", "month");
+    _defineProperty(_this, "keyStep", "day");
+    _defineProperty(_this, "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -7,
       ArrowRight: 1,
       ArrowDown: 7
     });
-    _defineProperty(_assertThisInitialized(_this), "handlerToday", function() {
+    _defineProperty(_this, "handlerToday", function() {
       _this.handlers.value(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
     });
     return _this;
   }
-  _createClass(DatePickerRoot2, [{
+  _inherits(DatePickerRoot2, _PickerAbstract);
+  return _createClass(DatePickerRoot2, [{
     key: "getButtonTriggerProps",
     value: function getButtonTriggerProps() {
       var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DatePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(DatePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
         placeholder: "Select date",
         children: value ? formatDDMMYY(value, locale) : null
       });
@@ -56,7 +53,7 @@ var DatePickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
     key: "getTriggerProps",
     value: function getTriggerProps() {
       var _this$asProps2 = this.asProps, value = _this$asProps2.value, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DatePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(DatePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
         value,
         onChange,
         onDisplayedPeriodChange,
@@ -74,7 +71,7 @@ var DatePickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DatePickerRoot2.prototype), "getPopperProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(DatePickerRoot2, "getPopperProps", this, 3)([])), {}, {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DatePicker.Header, null), /* @__PURE__ */ React.createElement(DatePicker.Calendar, null), /* @__PURE__ */ React.createElement(Divider, {
           ml: -4,
           mt: 4,
@@ -86,7 +83,7 @@ var DatePickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
     key: "getTitleProps",
     value: function getTitleProps() {
       var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DatePickerRoot2.prototype), "getTitleProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(DatePickerRoot2, "getTitleProps", this, 3)([])), {}, {
         children: new Intl.DateTimeFormat(locale, {
           month: "long",
           year: "numeric"
@@ -105,22 +102,20 @@ var DatePickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
       };
     }
   }]);
-  return DatePickerRoot2;
-}(PickerAbstract);
+})(PickerAbstract);
 _defineProperty(DatePickerRoot, "displayName", "DatePicker");
 _defineProperty(DatePickerRoot, "defaultProps", function(props) {
   return _objectSpread(_objectSpread({}, PickerAbstract.defaultProps(props)), {}, {
     children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DatePicker.Trigger, null), /* @__PURE__ */ React.createElement(DatePicker.Popper, null))
   });
 });
-var Today = /* @__PURE__ */ function(_Component) {
-  _inherits(Today2, _Component);
-  var _super2 = _createSuper(Today2);
+var Today = /* @__PURE__ */ (function(_Component) {
   function Today2() {
     _classCallCheck(this, Today2);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, Today2, arguments);
   }
-  _createClass(Today2, [{
+  _inherits(Today2, _Component);
+  return _createClass(Today2, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps, _ref2;
@@ -136,8 +131,7 @@ var Today = /* @__PURE__ */ function(_Component) {
       })));
     }
   }]);
-  return Today2;
-}(Component);
+})(Component);
 _defineProperty(Today, "enhance", [i18nEnhance(localizedMessages)]);
 var DatePicker = createComponent(DatePickerRoot, {
   Trigger: InputTrigger,

package/lib/esm/DateRangeComparator.mjs

@@ -1,19 +1,17 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import createComponent, { sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { Box, Flex } from "@semcore/base-components";
+import Divider from "@semcore/divider";
 import React from "react";
-import { Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
+import { Period, Next, Prev, Title, Header as Header$1, Popper } from "./components/index.mjs";
 import { CalendarDays } from "./components/Calendar.mjs";
-import { Flex, Box } from "@semcore/flex-box";
-import Divider from "@semcore/divider";
-import DateRangeComparatorAbstract, { Header as Header$1, Apply, Reset, Trigger, CompareToggle, Body, Footer } from "./components/DateRangeComparatorAbstract.mjs";
+import DateRangeComparatorAbstract, { Footer, Body, CompareToggle, Trigger, Reset, Apply, Header } from "./components/DateRangeComparatorAbstract.mjs";
 import InputTrigger from "./components/InputTrigger.mjs";
 function RangeInput(props) {
   var _ref = arguments[0], _ref2;
@@ -40,19 +38,17 @@ RangeInput.SingleDateInput = InputTrigger.SingleDateInput;
 RangeInput.DateRange = InputTrigger.DateRange;
 RangeInput.DateRangeFromInput = InputTrigger.DateRangeFromInput;
 RangeInput.DateRangeToInput = InputTrigger.DateRangeToInput;
-var DateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
-  _inherits(DateRangeComparatorRoot2, _RangeComparatorAbstr);
-  var _super = _createSuper(DateRangeComparatorRoot2);
+var DateRangeComparatorRoot = /* @__PURE__ */ (function(_RangeComparatorAbstr) {
   function DateRangeComparatorRoot2() {
     var _this;
     _classCallCheck(this, DateRangeComparatorRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "navigateStep", "month");
-    _defineProperty(_assertThisInitialized(_this), "keyStep", "day");
-    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
+    _this = _callSuper(this, DateRangeComparatorRoot2, [].concat(args));
+    _defineProperty(_this, "navigateStep", "month");
+    _defineProperty(_this, "keyStep", "day");
+    _defineProperty(_this, "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -7,
       ArrowRight: 1,
@@ -60,7 +56,8 @@ var DateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
     });
     return _this;
   }
-  _createClass(DateRangeComparatorRoot2, [{
+  _inherits(DateRangeComparatorRoot2, _RangeComparatorAbstr);
+  return _createClass(DateRangeComparatorRoot2, [{
     key: "getRangeInput",
     value: function getRangeInput() {
       return /* @__PURE__ */ React.createElement(DateRangeComparator.RangeInput.DateRange, null);
@@ -83,7 +80,7 @@ var DateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangeComparatorRoot2.prototype), "getPopperProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(DateRangeComparatorRoot2, "getPopperProps", this, 3)([])), {}, {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Header, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Body, {
           showButtons: true
         }))
@@ -98,8 +95,8 @@ var DateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
     }
   }, {
     key: "getBodyProps",
-    value: function getBodyProps(_ref11) {
-      var showButtons = _ref11.showButtons;
+    value: function getBodyProps(_ref1) {
+      var showButtons = _ref1.showButtons;
       return {
         children: /* @__PURE__ */ React.createElement(Flex, null, /* @__PURE__ */ React.createElement(DateRangeComparator.RangeCalendar, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Periods, {
           showButtons
@@ -108,23 +105,22 @@ var DateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
     }
   }, {
     key: "getPeriodsProps",
-    value: function getPeriodsProps(_ref12) {
-      var showButtons = _ref12.showButtons, _ref12$unclearable = _ref12.unclearable, unclearable = _ref12$unclearable === void 0 ? false : _ref12$unclearable;
+    value: function getPeriodsProps(_ref10) {
+      var showButtons = _ref10.showButtons, _ref10$unclearable = _ref10.unclearable, unclearable = _ref10$unclearable === void 0 ? false : _ref10$unclearable;
       return {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Divider, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Column, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Options, null), showButtons && /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Controls, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Apply, null), !unclearable && /* @__PURE__ */ React.createElement(DateRangeComparator.Reset, null))))
       };
     }
   }, {
     key: "getFooterProps",
-    value: function getFooterProps(_ref13) {
-      var _ref13$unclearable = _ref13.unclearable, unclearable = _ref13$unclearable === void 0 ? false : _ref13$unclearable;
+    value: function getFooterProps(_ref11) {
+      var _ref11$unclearable = _ref11.unclearable, unclearable = _ref11$unclearable === void 0 ? false : _ref11$unclearable;
       return {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Apply, null), !unclearable && /* @__PURE__ */ React.createElement(DateRangeComparator.Reset, null))
       };
     }
   }]);
-  return DateRangeComparatorRoot2;
-}(DateRangeComparatorAbstract);
+})(DateRangeComparatorAbstract);
 _defineProperty(DateRangeComparatorRoot, "displayName", "DateRangeComparator");
 _defineProperty(DateRangeComparatorRoot, "defaultProps", function(props) {
   return _objectSpread(_objectSpread({}, DateRangeComparatorAbstract.defaultProps(props)), {}, {
@@ -189,9 +185,9 @@ function PeriodsOptions(props) {
   }));
 }
 function PeriodsControls(props) {
-  var _ref10;
+  var _ref0;
   var styles = props.styles, SPeriodsControls = props.Root;
-  return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsControls, _ref10.cn("SPeriodsControls", {
+  return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsControls, _ref0.cn("SPeriodsControls", {
     "render": Flex,
     "p": 4,
     "gap": 2
@@ -199,9 +195,9 @@ function PeriodsControls(props) {
 }
 var DateRangeComparator = createComponent(DateRangeComparatorRoot, {
   Popper,
-  CalendarHeader: Header,
+  CalendarHeader: Header$1,
   Title,
-  Header: Header$1,
+  Header,
   Prev,
   Next,
   Calendar: CalendarDays,

package/lib/esm/DateRangePicker.mjs

@@ -1,32 +1,28 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from "react";
+import { createComponent } from "@semcore/core";
 import dayjs from "dayjs";
-import createComponent from "@semcore/core";
-import shortDateRangeFormat from "./utils/shortDateRangeFormat.mjs";
-import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
+import React from "react";
+import { InputTrigger, Period, Next, Prev, Title, Header, Popper, Trigger } from "./components/index.mjs";
 import { CalendarDays } from "./components/Calendar.mjs";
-import RangePickerAbstract, { Apply, Reset } from "./components/RangePickerAbstract.mjs";
-var DateRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
-  _inherits(DateRangePickerRoot2, _RangePickerAbstract);
-  var _super = _createSuper(DateRangePickerRoot2);
+import RangePickerAbstract, { Reset, Apply } from "./components/RangePickerAbstract.mjs";
+import shortDateRangeFormat from "./utils/shortDateRangeFormat.mjs";
+var DateRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
   function DateRangePickerRoot2() {
     var _this;
     _classCallCheck(this, DateRangePickerRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "navigateStep", "month");
-    _defineProperty(_assertThisInitialized(_this), "keyStep", "day");
-    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
+    _this = _callSuper(this, DateRangePickerRoot2, [].concat(args));
+    _defineProperty(_this, "navigateStep", "month");
+    _defineProperty(_this, "keyStep", "day");
+    _defineProperty(_this, "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -7,
       ArrowRight: 1,
@@ -34,7 +30,8 @@ var DateRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
     });
     return _this;
   }
-  _createClass(DateRangePickerRoot2, [{
+  _inherits(DateRangePickerRoot2, _RangePickerAbstract);
+  return _createClass(DateRangePickerRoot2, [{
     key: "getDefaultPeriods",
     value: function getDefaultPeriods() {
       var getI18nText = this.asProps.getI18nText;
@@ -60,7 +57,7 @@ var DateRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
     key: "getButtonTriggerProps",
     value: function getButtonTriggerProps() {
       var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(DateRangePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
         placeholder: "Select date period",
         children: shortDateRangeFormat(value, {
           locale,
@@ -75,7 +72,7 @@ var DateRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
     value: function getTriggerProps() {
       var _this$asProps2 = this.asProps, visible = _this$asProps2.visible, preselectedValue = _this$asProps2.preselectedValue, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
       var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(DateRangePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
         value,
         onChange,
         onDisplayedPeriodChange,
@@ -91,8 +88,7 @@ var DateRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
       });
     }
   }]);
-  return DateRangePickerRoot2;
-}(RangePickerAbstract);
+})(RangePickerAbstract);
 _defineProperty(DateRangePickerRoot, "displayName", "DateRangePicker");
 _defineProperty(DateRangePickerRoot, "defaultProps", function(props) {
   return _objectSpread(_objectSpread({}, RangePickerAbstract.defaultProps(props)), {}, {

package/lib/esm/MonthDateRangeComparator.mjs

@@ -1,20 +1,18 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import createComponent, { sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { Box, Flex } from "@semcore/base-components";
+import Divider from "@semcore/divider";
+import dayjs from "dayjs";
 import React from "react";
-import { Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
+import { Period, Next, Prev, Title, Header as Header$1, Popper } from "./components/index.mjs";
 import { CalendarMonths } from "./components/Calendar.mjs";
-import { Flex, Box } from "@semcore/flex-box";
-import dayjs from "dayjs";
-import Divider from "@semcore/divider";
-import DateRangeComparatorAbstract, { Header as Header$1, Apply, Reset, Trigger, CompareToggle, Body, Footer } from "./components/DateRangeComparatorAbstract.mjs";
+import DateRangeComparatorAbstract, { Footer, Body, CompareToggle, Trigger, Reset, Apply, Header } from "./components/DateRangeComparatorAbstract.mjs";
 import InputTrigger from "./components/InputTrigger.mjs";
 var dateParts = {
   day: false,
@@ -47,35 +45,34 @@ RangeInput.SingleDateInput = InputTrigger.SingleDateInput;
 RangeInput.DateRange = InputTrigger.DateRange;
 RangeInput.DateRangeFromInput = InputTrigger.DateRangeFromInput;
 RangeInput.DateRangeToInput = InputTrigger.DateRangeToInput;
-var MonthDateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
-  _inherits(MonthDateRangeComparatorRoot2, _RangeComparatorAbstr);
-  var _super = _createSuper(MonthDateRangeComparatorRoot2);
+var MonthDateRangeComparatorRoot = /* @__PURE__ */ (function(_RangeComparatorAbstr) {
   function MonthDateRangeComparatorRoot2() {
     var _this;
     _classCallCheck(this, MonthDateRangeComparatorRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "navigateStep", "year");
-    _defineProperty(_assertThisInitialized(_this), "keyStep", "month");
-    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
+    _this = _callSuper(this, MonthDateRangeComparatorRoot2, [].concat(args));
+    _defineProperty(_this, "navigateStep", "year");
+    _defineProperty(_this, "keyStep", "month");
+    _defineProperty(_this, "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -3,
       ArrowRight: 1,
       ArrowDown: 3
     });
-    _defineProperty(_assertThisInitialized(_this), "triggerFormattingProps", {
+    _defineProperty(_this, "triggerFormattingProps", {
       month: "short",
       year: "numeric"
     });
     return _this;
   }
-  _createClass(MonthDateRangeComparatorRoot2, [{
+  _inherits(MonthDateRangeComparatorRoot2, _RangeComparatorAbstr);
+  return _createClass(MonthDateRangeComparatorRoot2, [{
     key: "getTitleProps",
     value: function getTitleProps(props, index) {
       var _this$asProps = this.asProps, displayedPeriod = _this$asProps.displayedPeriod, locale = _this$asProps.locale;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getTitleProps", this).call(this, props, index)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(MonthDateRangeComparatorRoot2, "getTitleProps", this, 3)([props, index])), {}, {
         children: new Intl.DateTimeFormat(locale, {
           year: "numeric"
         }).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
@@ -104,7 +101,7 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbst
   }, {
     key: "getValueDateRangeProps",
     value: function getValueDateRangeProps() {
-      var props = _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getValueDateRangeProps", this).call(this);
+      var props = _superPropGet(MonthDateRangeComparatorRoot2, "getValueDateRangeProps", this, 3)([]);
       return _objectSpread(_objectSpread({}, props), {}, {
         w: props.w - 60
       });
@@ -112,7 +109,7 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbst
   }, {
     key: "getCompareDateRangeProps",
     value: function getCompareDateRangeProps() {
-      var props = _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getCompareDateRangeProps", this).call(this);
+      var props = _superPropGet(MonthDateRangeComparatorRoot2, "getCompareDateRangeProps", this, 3)([]);
       return _objectSpread(_objectSpread({}, props), {}, {
         w: props.w - 60
       });
@@ -120,7 +117,7 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbst
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getPopperProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(MonthDateRangeComparatorRoot2, "getPopperProps", this, 3)([])), {}, {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Header, null), /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Body, {
           showButtons: true
         }))
@@ -135,8 +132,8 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbst
     }
   }, {
     key: "getBodyProps",
-    value: function getBodyProps(_ref11) {
-      var showButtons = _ref11.showButtons;
+    value: function getBodyProps(_ref1) {
+      var showButtons = _ref1.showButtons;
       return {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.RangeCalendar, null), /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Periods, {
           showButtons
@@ -145,23 +142,22 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbst
     }
   }, {
     key: "getPeriodsProps",
-    value: function getPeriodsProps(_ref12) {
-      var showButtons = _ref12.showButtons, _ref12$unclearable = _ref12.unclearable, unclearable = _ref12$unclearable === void 0 ? false : _ref12$unclearable;
+    value: function getPeriodsProps(_ref10) {
+      var showButtons = _ref10.showButtons, _ref10$unclearable = _ref10.unclearable, unclearable = _ref10$unclearable === void 0 ? false : _ref10$unclearable;
       return {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Periods.Divider, null), /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Periods.Column, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Periods.Options, null), showButtons && /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Periods.Controls, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Apply, null), !unclearable && /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Reset, null))))
       };
     }
   }, {
     key: "getFooterProps",
-    value: function getFooterProps(_ref13) {
-      var _ref13$unclearable = _ref13.unclearable, unclearable = _ref13$unclearable === void 0 ? false : _ref13$unclearable;
+    value: function getFooterProps(_ref11) {
+      var _ref11$unclearable = _ref11.unclearable, unclearable = _ref11$unclearable === void 0 ? false : _ref11$unclearable;
       return {
         children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Apply, null), !unclearable && /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Reset, null))
       };
     }
   }]);
-  return MonthDateRangeComparatorRoot2;
-}(DateRangeComparatorAbstract);
+})(DateRangeComparatorAbstract);
 _defineProperty(MonthDateRangeComparatorRoot, "displayName", "MonthDateRangeComparator");
 _defineProperty(MonthDateRangeComparatorRoot, "defaultProps", function(props) {
   return _objectSpread(_objectSpread({}, DateRangeComparatorAbstract.defaultProps(props)), {}, {
@@ -226,9 +222,9 @@ function PeriodsOptions(props) {
   }));
 }
 function PeriodsControls(props) {
-  var _ref10;
+  var _ref0;
   var styles = props.styles, SPeriodsControls = props.Root;
-  return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsControls, _ref10.cn("SPeriodsControls", {
+  return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsControls, _ref0.cn("SPeriodsControls", {
     "render": Flex,
     "p": 4,
     "gap": 2
@@ -236,9 +232,9 @@ function PeriodsControls(props) {
 }
 var MonthDateRangeComparator = createComponent(MonthDateRangeComparatorRoot, {
   Popper,
-  CalendarHeader: Header,
+  CalendarHeader: Header$1,
   Title,
-  Header: Header$1,
+  Header,
   Prev,
   Next,
   Calendar: CalendarMonths,

package/lib/esm/MonthPicker.mjs

@@ -1,16 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from "react";
+import { createComponent } from "@semcore/core";
 import dayjs from "dayjs";
-import createComponent from "@semcore/core";
-import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next } from "./components/index.mjs";
+import React from "react";
+import { InputTrigger, Next, Prev, Title, Header, Popper, Trigger } from "./components/index.mjs";
 import { CalendarMonths } from "./components/Calendar.mjs";
 import PickerAbstract from "./components/PickerAbstract.mjs";
 var dateParts = {
@@ -18,19 +16,17 @@ var dateParts = {
   month: true,
   year: true
 };
-var MonthPickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
-  _inherits(MonthPickerRoot2, _PickerAbstract);
-  var _super = _createSuper(MonthPickerRoot2);
+var MonthPickerRoot = /* @__PURE__ */ (function(_PickerAbstract) {
   function MonthPickerRoot2() {
     var _this;
     _classCallCheck(this, MonthPickerRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "navigateStep", "year");
-    _defineProperty(_assertThisInitialized(_this), "keyStep", "month");
-    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
+    _this = _callSuper(this, MonthPickerRoot2, [].concat(args));
+    _defineProperty(_this, "navigateStep", "year");
+    _defineProperty(_this, "keyStep", "month");
+    _defineProperty(_this, "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -3,
       ArrowRight: 1,
@@ -38,11 +34,12 @@ var MonthPickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
     });
     return _this;
   }
-  _createClass(MonthPickerRoot2, [{
+  _inherits(MonthPickerRoot2, _PickerAbstract);
+  return _createClass(MonthPickerRoot2, [{
     key: "getButtonTriggerProps",
     value: function getButtonTriggerProps() {
       var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(MonthPickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
         placeholder: "Select month",
         children: value ? new Intl.DateTimeFormat(locale, {
           month: "short",
@@ -54,7 +51,7 @@ var MonthPickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
     key: "getTriggerProps",
     value: function getTriggerProps() {
       var _this$asProps2 = this.asProps, value = _this$asProps2.value, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(MonthPickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
         value,
         onChange,
         onDisplayedPeriodChange,
@@ -74,15 +71,14 @@ var MonthPickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
     key: "getTitleProps",
     value: function getTitleProps() {
       var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getTitleProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(MonthPickerRoot2, "getTitleProps", this, 3)([])), {}, {
         children: new Intl.DateTimeFormat(locale, {
           year: "numeric"
         }).format(dayjs(displayedPeriod).startOf("year").toDate())
       });
     }
   }]);
-  return MonthPickerRoot2;
-}(PickerAbstract);
+})(PickerAbstract);
 _defineProperty(MonthPickerRoot, "displayName", "MonthPicker");
 _defineProperty(MonthPickerRoot, "defaultProps", function(props) {
   return _objectSpread(_objectSpread({}, PickerAbstract.defaultProps(props)), {}, {