@semcore/date-picker 4.56.0 → 16.0.0-prerelease.11

package/lib/esm/MonthRangePicker.mjs

@@ -1,64 +1,71 @@
-import n from "@babel/runtime/helpers/esm/objectSpread2";
-import _ from "@babel/runtime/helpers/esm/classCallCheck";
-import w from "@babel/runtime/helpers/esm/createClass";
-import u from "@babel/runtime/helpers/esm/assertThisInitialized";
-import g from "@babel/runtime/helpers/esm/get";
-import c from "@babel/runtime/helpers/esm/getPrototypeOf";
-import M from "@babel/runtime/helpers/esm/inherits";
-import S from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import s from "react";
-import o from "dayjs";
-import x from "@semcore/core";
-import A from "./utils/shortDateRangeFormat.mjs";
-import { InputTrigger as y, Trigger as I, Popper as E, Header as B, Title as F, Prev as $, Next as j, Period as H } from "./components/index.mjs";
-import { CalendarMonths as P } from "./components/Calendar.mjs";
-import D, { Apply as N, Reset as V } from "./components/RangePickerAbstract.mjs";
-var z = {
-  day: !1,
-  month: !0,
-  year: !0
-}, d = /* @__PURE__ */ function(p) {
-  M(i, p);
-  var f = S(i);
-  function i() {
-    var a;
-    _(this, i);
-    for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)
-      e[r] = arguments[r];
-    return a = f.call.apply(f, [this].concat(e)), l(u(a), "navigateStep", "year"), l(u(a), "keyStep", "month"), l(u(a), "keyDiff", {
+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 _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 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 { CalendarMonths } from "./components/Calendar.mjs";
+import RangePickerAbstract, { Apply, Reset } from "./components/RangePickerAbstract.mjs";
+var dateParts = {
+  day: false,
+  month: true,
+  year: true
+};
+var MonthRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
+  _inherits(MonthRangePickerRoot2, _RangePickerAbstract);
+  var _super = _createSuper(MonthRangePickerRoot2);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "navigateStep", "year");
+    _defineProperty(_assertThisInitialized(_this), "keyStep", "month");
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -3,
       ArrowRight: 1,
       ArrowDown: 3
-    }), a;
+    });
+    return _this;
   }
-  return w(i, [{
+  _createClass(MonthRangePickerRoot2, [{
     key: "getDefaultPeriods",
-    value: function() {
-      var t = this.asProps.getI18nText, e = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
+    value: function getDefaultPeriods() {
+      var getI18nText = this.asProps.getI18nText;
+      var today = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
       return [{
-        children: t("lastMonth"),
-        value: [o(e).subtract(1, "month").startOf("month").toDate(), o(e).startOf("month").toDate()]
+        children: getI18nText("lastMonth"),
+        value: [dayjs(today).subtract(1, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
       }, {
-        children: t("last3Months"),
-        value: [o(e).subtract(2, "month").startOf("month").toDate(), o(e).startOf("month").toDate()]
+        children: getI18nText("last3Months"),
+        value: [dayjs(today).subtract(2, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
       }, {
-        children: t("last6Months"),
-        value: [o(e).subtract(5, "month").startOf("month").toDate(), o(e).startOf("month").toDate()]
+        children: getI18nText("last6Months"),
+        value: [dayjs(today).subtract(5, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
       }, {
-        children: t("last12Months"),
-        value: [o(e).subtract(11, "month").startOf("month").toDate(), o(e).startOf("month").toDate()]
+        children: getI18nText("last12Months"),
+        value: [dayjs(today).subtract(11, "month").startOf("month").toDate(), dayjs(today).startOf("month").toDate()]
       }];
     }
   }, {
     key: "getButtonTriggerProps",
-    value: function() {
-      var t = this.asProps, e = t.value, r = t.locale;
-      return n(n({}, g(c(i.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+    value: function getButtonTriggerProps() {
+      var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
         placeholder: "Select month period",
-        children: A(e, {
-          locale: r,
+        children: shortDateRangeFormat(value, {
+          locale,
           month: "short",
           year: "numeric"
         })
@@ -66,57 +73,59 @@ var z = {
     }
   }, {
     key: "getTriggerProps",
-    value: function() {
-      var t = this.asProps, e = t.visible, r = t.preselectedValue, h = t.onChange, m = t.onDisplayedPeriodChange, T = t.locale, b = t.disabled, R = t.disabledErrorText, k = t.getI18nText, C = t.animationsDisabled, O = e ? [r[0] || this.asProps.value[0], r[1] || this.asProps.value[1]] : this.asProps.value;
-      return n(n({}, g(c(i.prototype), "getButtonTriggerProps", this).call(this)), {}, {
-        value: O,
-        onChange: h,
-        onDisplayedPeriodChange: m,
-        locale: T,
-        parts: z,
-        disabledDates: b,
-        disabledErrorText: R,
-        children: function() {
-          return /* @__PURE__ */ s.createElement(y.DateRange, null);
+    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(MonthRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        value,
+        onChange,
+        onDisplayedPeriodChange,
+        locale,
+        parts: dateParts,
+        disabledDates: disabled,
+        disabledErrorText,
+        children: function children() {
+          return /* @__PURE__ */ React.createElement(InputTrigger.DateRange, null);
         },
-        getI18nText: k,
-        animationsDisabled: C,
+        getI18nText,
+        animationsDisabled,
         unit: this.keyStep
       });
     }
   }, {
     key: "getTitleProps",
-    value: function(t, e) {
-      var r = this.asProps, h = r.displayedPeriod, m = r.locale;
-      return n(n({}, g(c(i.prototype), "getTitleProps", this).call(this, t, e)), {}, {
-        children: new Intl.DateTimeFormat(m, {
+    value: function getTitleProps(props, index) {
+      var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthRangePickerRoot2.prototype), "getTitleProps", this).call(this, props, index)), {}, {
+        children: new Intl.DateTimeFormat(locale, {
           year: "numeric"
-        }).format(o(h).add(e, this.navigateStep).startOf(this.navigateStep).toDate())
+        }).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
       });
     }
-  }]), i;
-}(D);
-l(d, "displayName", "MonthRangePicker");
-l(d, "defaultProps", function(p) {
-  return n(n({}, D.defaultProps(p)), {}, {
-    children: /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(v.Trigger, null), /* @__PURE__ */ s.createElement(v.Popper, null))
+  }]);
+  return MonthRangePickerRoot2;
+}(RangePickerAbstract);
+_defineProperty(MonthRangePickerRoot, "displayName", "MonthRangePicker");
+_defineProperty(MonthRangePickerRoot, "defaultProps", function(props) {
+  return _objectSpread(_objectSpread({}, RangePickerAbstract.defaultProps(props)), {}, {
+    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthRangePicker.Trigger, null), /* @__PURE__ */ React.createElement(MonthRangePicker.Popper, null))
   });
 });
-var v = x(d, {
-  Trigger: y,
-  ButtonTrigger: I,
-  Popper: E,
-  Header: B,
-  Title: F,
-  Prev: $,
-  Next: j,
-  Calendar: P,
-  Period: H,
-  Apply: N,
-  Reset: V
+var MonthRangePicker = createComponent(MonthRangePickerRoot, {
+  Trigger: InputTrigger,
+  ButtonTrigger: Trigger,
+  Popper,
+  Header,
+  Title,
+  Prev,
+  Next,
+  Calendar: CalendarMonths,
+  Period,
+  Apply,
+  Reset
 }, {
-  parent: P
+  parent: CalendarMonths
 });
 export {
-  v as default
+  MonthRangePicker as default
 };

package/lib/esm/components/ButtonTrigger.mjs

@@ -1,19 +1,20 @@
-import i, { assignProps as m } from "@semcore/core";
-import t from "react";
-import e from "@semcore/base-trigger";
-import g from "@semcore/utils/lib/addonTextChildren";
-import p from "@semcore/icon/Calendar/m";
-var o = function(n) {
-  var a = arguments[0], d = n.Children;
-  return /* @__PURE__ */ t.createElement(e, m({}, a), /* @__PURE__ */ t.createElement(r.Addon, {
-    tag: p
-  }), g(d, r.Text, r.Addon, !0));
+import { createComponent, assignProps } from "@semcore/core";
+import React from "react";
+import BaseTrigger from "@semcore/base-trigger";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import Calendar from "@semcore/icon/Calendar/m";
+var ButtonTriggerRoot = function ButtonTriggerRoot2(_ref2) {
+  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));
 };
-o.displayName = "ButtonTrigger";
-var r = i(o, {
-  Text: e.Text,
-  Addon: e.Addon
+ButtonTriggerRoot.displayName = "ButtonTrigger";
+var ButtonTrigger = createComponent(ButtonTriggerRoot, {
+  Text: BaseTrigger.Text,
+  Addon: BaseTrigger.Addon
 });
 export {
-  r as default
+  ButtonTrigger as default
 };