@semcore/date-picker 16.2.4 → 17.0.0-prerelease.18

package/lib/esm/MonthPicker.mjs

@@ -1,9 +1,3 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent } from "@semcore/core";
 import dayjs from "dayjs";
@@ -11,81 +5,82 @@ import React from "react";
 import { Next, Prev, Title, Header, Popper, Trigger, InputTrigger } from "./components/index.mjs";
 import { CalendarMonths } from "./components/Calendar.mjs";
 import PickerAbstract from "./components/PickerAbstract.mjs";
-var dateParts = {
+const dateParts = {
   day: false,
   month: true,
   year: true
 };
-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 = _callSuper(this, MonthPickerRoot2, [].concat(args));
-    _defineProperty(_this, "navigateStep", "year");
-    _defineProperty(_this, "keyStep", "month");
-    _defineProperty(_this, "keyDiff", {
+class MonthPickerRoot extends PickerAbstract {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "navigateStep", "year");
+    _defineProperty(this, "keyStep", "month");
+    _defineProperty(this, "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -3,
       ArrowRight: 1,
       ArrowDown: 3
     });
-    return _this;
   }
-  _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({}, _superPropGet(MonthPickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
-        placeholder: "Select month",
-        children: value ? new Intl.DateTimeFormat(locale, {
-          month: "short",
-          year: "numeric"
-        }).format(dayjs(value).toDate()) : null
-      });
-    }
-  }, {
-    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({}, _superPropGet(MonthPickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
-        value,
-        onChange,
-        onDisplayedPeriodChange,
-        locale,
-        parts: dateParts,
-        disabledDates: disabled,
-        disabledErrorText,
-        children: function children() {
-          return /* @__PURE__ */ React.createElement(InputTrigger.SingleDateInput, null);
-        },
-        getI18nText,
-        animationsDisabled,
-        unit: this.keyStep
-      });
-    }
-  }, {
-    key: "getTitleProps",
-    value: function getTitleProps() {
-      var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
-      return _objectSpread(_objectSpread({}, _superPropGet(MonthPickerRoot2, "getTitleProps", this, 3)([])), {}, {
-        children: new Intl.DateTimeFormat(locale, {
-          year: "numeric"
-        }).format(dayjs(displayedPeriod).startOf("year").toDate())
-      });
-    }
-  }]);
-})(PickerAbstract);
+  getButtonTriggerProps() {
+    const {
+      value,
+      locale
+    } = this.asProps;
+    return {
+      ...super.getButtonTriggerProps(),
+      placeholder: "Select month",
+      children: value ? new Intl.DateTimeFormat(locale, {
+        month: "short",
+        year: "numeric"
+      }).format(dayjs(value).toDate()) : null
+    };
+  }
+  getTriggerProps() {
+    const {
+      value,
+      onChange,
+      onDisplayedPeriodChange,
+      locale,
+      disabled,
+      disabledErrorText,
+      getI18nText,
+      animationsDisabled
+    } = this.asProps;
+    return {
+      ...super.getButtonTriggerProps(),
+      value,
+      onChange,
+      onDisplayedPeriodChange,
+      locale,
+      parts: dateParts,
+      disabledDates: disabled,
+      disabledErrorText,
+      children: () => /* @__PURE__ */ React.createElement(InputTrigger.SingleDateInput, null),
+      getI18nText,
+      animationsDisabled,
+      unit: this.keyStep
+    };
+  }
+  getTitleProps() {
+    const {
+      displayedPeriod,
+      locale
+    } = this.asProps;
+    return {
+      ...super.getTitleProps(),
+      children: new Intl.DateTimeFormat(locale, {
+        year: "numeric"
+      }).format(dayjs(displayedPeriod).startOf("year").toDate())
+    };
+  }
+}
 _defineProperty(MonthPickerRoot, "displayName", "MonthPicker");
-_defineProperty(MonthPickerRoot, "defaultProps", function(props) {
-  return _objectSpread(_objectSpread({}, PickerAbstract.defaultProps(props)), {}, {
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthPicker.Trigger, null), /* @__PURE__ */ React.createElement(MonthPicker.Popper, null))
-  });
-});
-var MonthPicker = createComponent(MonthPickerRoot, {
+_defineProperty(MonthPickerRoot, "defaultProps", (props) => ({
+  ...PickerAbstract.defaultProps(props),
+  children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthPicker.Trigger, null), /* @__PURE__ */ React.createElement(MonthPicker.Popper, null))
+}));
+const MonthPicker = createComponent(MonthPickerRoot, {
   Trigger: InputTrigger,
   ButtonTrigger: Trigger,
   Popper,

package/lib/esm/MonthRangePicker.mjs

@@ -1,9 +1,3 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent } from "@semcore/core";
 import dayjs from "dayjs";
@@ -12,102 +6,106 @@ import { Period, Next, Prev, Title, Header, Popper, Trigger, InputTrigger } from
 import { CalendarMonths } from "./components/Calendar.mjs";
 import RangePickerAbstract, { Reset, Apply } from "./components/RangePickerAbstract.mjs";
 import shortDateRangeFormat from "./utils/shortDateRangeFormat.mjs";
-var dateParts = {
+const dateParts = {
   day: false,
   month: true,
   year: true
 };
-var MonthRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
-  function MonthRangePickerRoot2() {
-    var _this;
-    _classCallCheck(this, MonthRangePickerRoot2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MonthRangePickerRoot2, [].concat(args));
-    _defineProperty(_this, "navigateStep", "year");
-    _defineProperty(_this, "keyStep", "month");
-    _defineProperty(_this, "keyDiff", {
+class MonthRangePickerRoot extends RangePickerAbstract {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "navigateStep", "year");
+    _defineProperty(this, "keyStep", "month");
+    _defineProperty(this, "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -3,
       ArrowRight: 1,
       ArrowDown: 3
     });
-    return _this;
   }
-  _inherits(MonthRangePickerRoot2, _RangePickerAbstract);
-  return _createClass(MonthRangePickerRoot2, [{
-    key: "getDefaultPeriods",
-    value: function getDefaultPeriods() {
-      var getI18nText = this.asProps.getI18nText;
-      var today = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
-      return [{
-        children: getI18nText("lastMonth"),
-        value: [dayjs(today).subtract(1, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
-      }, {
-        children: getI18nText("last3Months"),
-        value: [dayjs(today).subtract(2, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
-      }, {
-        children: getI18nText("last6Months"),
-        value: [dayjs(today).subtract(5, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
-      }, {
-        children: getI18nText("last12Months"),
-        value: [dayjs(today).subtract(11, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
-      }];
-    }
-  }, {
-    key: "getButtonTriggerProps",
-    value: function getButtonTriggerProps() {
-      var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
-      return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
-        placeholder: "Select month period",
-        children: shortDateRangeFormat(value, {
-          locale,
-          month: "short",
-          year: "numeric"
-        })
-      });
-    }
-  }, {
-    key: "getTriggerProps",
-    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({}, _superPropGet(MonthRangePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
-        value,
-        onChange,
-        onDisplayedPeriodChange,
+  getDefaultPeriods() {
+    const {
+      getI18nText
+    } = this.asProps;
+    const today = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
+    return [{
+      children: getI18nText("lastMonth"),
+      value: [dayjs(today).subtract(1, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
+    }, {
+      children: getI18nText("last3Months"),
+      value: [dayjs(today).subtract(2, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
+    }, {
+      children: getI18nText("last6Months"),
+      value: [dayjs(today).subtract(5, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
+    }, {
+      children: getI18nText("last12Months"),
+      value: [dayjs(today).subtract(11, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
+    }];
+  }
+  getButtonTriggerProps() {
+    const {
+      value,
+      locale
+    } = this.asProps;
+    return {
+      ...super.getButtonTriggerProps(),
+      placeholder: "Select month period",
+      children: shortDateRangeFormat(value, {
         locale,
-        parts: dateParts,
-        disabledDates: disabled,
-        disabledErrorText,
-        children: function children() {
-          return /* @__PURE__ */ React.createElement(InputTrigger.DateRange, null);
-        },
-        getI18nText,
-        animationsDisabled,
-        unit: this.keyStep
-      });
-    }
-  }, {
-    key: "getTitleProps",
-    value: function getTitleProps(props, index) {
-      var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
-      return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot2, "getTitleProps", this, 3)([props, index])), {}, {
-        children: new Intl.DateTimeFormat(locale, {
-          year: "numeric"
-        }).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
-      });
-    }
-  }]);
-})(RangePickerAbstract);
+        month: "short",
+        year: "numeric"
+      })
+    };
+  }
+  getTriggerProps() {
+    const {
+      visible,
+      preselectedValue,
+      onChange,
+      onDisplayedPeriodChange,
+      locale,
+      disabled,
+      disabledErrorText,
+      getI18nText,
+      animationsDisabled
+    } = this.asProps;
+    const value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
+    return {
+      ...super.getButtonTriggerProps(),
+      value,
+      onChange,
+      onDisplayedPeriodChange,
+      locale,
+      parts: dateParts,
+      disabledDates: disabled,
+      disabledErrorText,
+      children: () => /* @__PURE__ */ React.createElement(InputTrigger.DateRange, null),
+      getI18nText,
+      animationsDisabled,
+      unit: this.keyStep
+    };
+  }
+  getTitleProps(props, index) {
+    const {
+      displayedPeriod,
+      locale
+    } = this.asProps;
+    return {
+      ...super.getTitleProps(props, index),
+      children: new Intl.DateTimeFormat(locale, {
+        year: "numeric"
+      }).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
+    };
+  }
+}
 _defineProperty(MonthRangePickerRoot, "displayName", "MonthRangePicker");
-_defineProperty(MonthRangePickerRoot, "defaultProps", function(props) {
-  return _objectSpread(_objectSpread({}, RangePickerAbstract.defaultProps(props)), {}, {
+_defineProperty(MonthRangePickerRoot, "defaultProps", (props) => {
+  return {
+    ...RangePickerAbstract.defaultProps(props),
     children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthRangePicker.Trigger, null), /* @__PURE__ */ React.createElement(MonthRangePicker.Popper, null))
-  });
+  };
 });
-var MonthRangePicker = createComponent(MonthRangePickerRoot, {
+const MonthRangePicker = createComponent(MonthRangePickerRoot, {
   Trigger: InputTrigger,
   ButtonTrigger: Trigger,
   Popper,

package/lib/esm/components/ButtonTrigger.mjs

@@ -3,15 +3,16 @@ import BaseTrigger from "@semcore/base-trigger";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import Calendar from "@semcore/icon/Calendar/m";
 import React from "react";
-function ButtonTriggerRoot(_ref2) {
+function ButtonTriggerRoot({
+  Children
+}) {
   var _ref = arguments[0];
-  var Children = _ref2.Children;
   return /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({}, _ref), /* @__PURE__ */ React.createElement(ButtonTrigger.Addon, {
     tag: Calendar
   }), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));
 }
 ButtonTriggerRoot.displayName = "ButtonTrigger";
-var ButtonTrigger = createComponent(ButtonTriggerRoot, {
+const ButtonTrigger = createComponent(ButtonTriggerRoot, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon
 });