@semcore/date-picker 4.55.1-prerelease.2 → 4.55.1-prerelease.5

package/CHANGELOG.md

@@ -4,9 +4,9 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 ## [4.55.1] - 2025-03-18
 
-### Changed
+### Fixed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/base-trigger` [4.52.0 ~> 4.52.1], `@semcore/button` [5.42.0 ~> 5.42.1], `@semcore/icon` [4.60.0 ~> 4.60.1], `@semcore/checkbox` [7.44.0 ~> 7.44.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
+- `dayjs` external setting in vite config.
 
 ## [4.55.0] - 2025-03-14
 

package/lib/esm/DatePicker.mjs

@@ -0,0 +1,147 @@
+import n from "@babel/runtime/helpers/esm/objectSpread2";
+import k from "@babel/runtime/helpers/esm/classCallCheck";
+import C from "@babel/runtime/helpers/esm/createClass";
+import m from "@babel/runtime/helpers/esm/assertThisInitialized";
+import u from "@babel/runtime/helpers/esm/get";
+import g from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _ from "@babel/runtime/helpers/esm/inherits";
+import b from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import B, { sstyled as I, assignProps as A, Component as $ } from "@semcore/core";
+import i from "react";
+import v from "dayjs";
+import { Box as R } from "@semcore/flex-box";
+import F from "@semcore/button";
+import H from "@semcore/divider";
+import M from "@semcore/utils/lib/enhances/i18nEnhance";
+import { InputTrigger as E, Trigger as j, Popper as z, Header as N, Title as O, Prev as Y, Next as L } from "./components/index.mjs";
+import { CalendarDays as D } from "./components/Calendar.mjs";
+import x from "./components/PickerAbstract.mjs";
+import { formatDDMMYY as U } from "./utils/formatDate.mjs";
+import { includesDate as q } from "./utils/includesDate.mjs";
+import { localizedMessages as G } from "./translations/__intergalactic-dynamic-locales.mjs";
+var T = /* @__PURE__ */ function(p) {
+  _(r, p);
+  var c = b(r);
+  function r() {
+    var a;
+    k(this, r);
+    for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++)
+      t[o] = arguments[o];
+    return a = c.call.apply(c, [this].concat(t)), s(m(a), "navigateStep", "month"), s(m(a), "keyStep", "day"), s(m(a), "keyDiff", {
+      ArrowLeft: -1,
+      ArrowUp: -7,
+      ArrowRight: 1,
+      ArrowDown: 7
+    }), s(m(a), "handlerToday", function() {
+      a.handlers.value(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
+    }), a;
+  }
+  return C(r, [{
+    key: "getButtonTriggerProps",
+    value: function() {
+      var e = this.asProps, t = e.value, o = e.locale;
+      return n(n({}, u(g(r.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        placeholder: "Select date",
+        children: t ? U(t, o) : null
+      });
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, t = e.value, o = e.onChange, l = e.onDisplayedPeriodChange, h = e.locale, f = e.disabled, P = e.disabledErrorText, y = e.getI18nText, S = e.animationsDisabled;
+      return n(n({}, u(g(r.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        value: t,
+        onChange: o,
+        onDisplayedPeriodChange: l,
+        locale: h,
+        disabledDates: f,
+        disabledErrorText: P,
+        children: function() {
+          return /* @__PURE__ */ i.createElement(E.SingleDateInput, null);
+        },
+        getI18nText: y,
+        animationsDisabled: S,
+        unit: this.keyStep
+      });
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      return n(n({}, u(g(r.prototype), "getPopperProps", this).call(this)), {}, {
+        children: /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(d.Header, null), /* @__PURE__ */ i.createElement(d.Calendar, null), /* @__PURE__ */ i.createElement(H, {
+          ml: -4,
+          mt: 4,
+          w: "calc(100% + 32px)"
+        }), /* @__PURE__ */ i.createElement(d.Today, null))
+      });
+    }
+  }, {
+    key: "getTitleProps",
+    value: function() {
+      var e = this.asProps, t = e.displayedPeriod, o = e.locale;
+      return n(n({}, u(g(r.prototype), "getTitleProps", this).call(this)), {}, {
+        children: new Intl.DateTimeFormat(o, {
+          month: "long",
+          year: "numeric"
+        }).format(v(t).startOf("month").toDate())
+      });
+    }
+  }, {
+    key: "getTodayProps",
+    value: function() {
+      var e = this.asProps, t = e.i18n, o = e.locale, l = e.disabled;
+      return {
+        i18n: t,
+        locale: o,
+        onClick: this.handlerToday,
+        disabled: l.some(q(v(), "day"))
+      };
+    }
+  }]), r;
+}(x);
+s(T, "displayName", "DatePicker");
+s(T, "defaultProps", function(p) {
+  return n(n({}, x.defaultProps(p)), {}, {
+    children: /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(d.Trigger, null), /* @__PURE__ */ i.createElement(d.Popper, null))
+  });
+});
+var w = /* @__PURE__ */ function(p) {
+  _(r, p);
+  var c = b(r);
+  function r() {
+    return k(this, r), c.apply(this, arguments);
+  }
+  return C(r, [{
+    key: "render",
+    value: function() {
+      var e = this.asProps, t, o = R, l = this.asProps, h = l.styles, f = l.getI18nText, P = l.disabled, y = l.onClick;
+      return t = I(h), /* @__PURE__ */ i.createElement(o, t.cn("SToday", n({}, A({
+        __excludeProps: ["onClick"]
+      }, e))), /* @__PURE__ */ i.createElement(F, t.cn("Button", {
+        use: "tertiary",
+        children: f("today"),
+        disabled: P,
+        onClick: y
+      })));
+    }
+  }]), r;
+}($);
+s(w, "enhance", [M(G)]);
+var d = B(T, {
+  Trigger: E,
+  ButtonTrigger: j,
+  Popper: z,
+  Header: N,
+  Title: O,
+  Prev: Y,
+  Next: L,
+  Calendar: D,
+  Today: w
+}, {
+  parent: D
+});
+export {
+  T as DatePickerRoot,
+  d as default
+};

package/lib/esm/DateRangeComparator.mjs

@@ -0,0 +1,213 @@
+import y from "@babel/runtime/helpers/esm/classCallCheck";
+import D from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import h from "@babel/runtime/helpers/esm/get";
+import S from "@babel/runtime/helpers/esm/getPrototypeOf";
+import I from "@babel/runtime/helpers/esm/inherits";
+import _ from "@babel/runtime/helpers/esm/createSuper";
+import g from "@babel/runtime/helpers/esm/defineProperty";
+import p from "@babel/runtime/helpers/esm/objectSpread2";
+import w, { sstyled as m, assignProps as F } from "@semcore/core";
+import e from "react";
+import { Popper as T, Header as b, Title as k, Prev as A, Next as B, Period as H } from "./components/index.mjs";
+import { CalendarDays as E } from "./components/Calendar.mjs";
+import { Flex as c, Box as P } from "@semcore/flex-box";
+import x from "@semcore/divider";
+import v, { Header as O, Apply as M, Reset as V, Trigger as N, CompareToggle as $, Body as j, Footer as z } from "./components/DateRangeComparatorAbstract.mjs";
+import u from "./components/InputTrigger.mjs";
+function d(t) {
+  var n = arguments[0], l, r = t.styles, o = P, i = P;
+  return l = m(r), /* @__PURE__ */ e.createElement(o, l.cn("SComparatorRangeInput", p({}, F({
+    "data-name": "SComparatorRangeInput",
+    tag: u,
+    unit: "date",
+    __excludeProps: ["role", "aria-haspopup", "aria-expanded", "onChange", "value", "id"]
+  }, n))), /* @__PURE__ */ e.createElement(u.DateRange, null, /* @__PURE__ */ e.createElement(i, l.cn("SRangeIndicator", {
+    range: t.range,
+    disabled: t.disabled,
+    w: 12,
+    h: 12,
+    ml: 2
+  })), /* @__PURE__ */ e.createElement(u.DateRange.Indicator, null), /* @__PURE__ */ e.createElement(u.DateRange.FromMaskedInput, null), /* @__PURE__ */ e.createElement(u.DateRange.RangeSep, null), /* @__PURE__ */ e.createElement(u.DateRange.ToMaskedInput, null)));
+}
+d.Indicator = u.Indicator;
+d.MaskedInput = u.MaskedInput;
+d.Addon = u.Addon;
+d.SingleDateInput = u.SingleDateInput;
+d.DateRange = u.DateRange;
+d.DateRangeFromInput = u.DateRangeFromInput;
+d.DateRangeToInput = u.DateRangeToInput;
+var R = /* @__PURE__ */ function(t) {
+  I(l, t);
+  var n = _(l);
+  function l() {
+    var r;
+    y(this, l);
+    for (var o = arguments.length, i = new Array(o), s = 0; s < o; s++)
+      i[s] = arguments[s];
+    return r = n.call.apply(n, [this].concat(i)), g(f(r), "navigateStep", "month"), g(f(r), "keyStep", "day"), g(f(r), "keyDiff", {
+      ArrowLeft: -1,
+      ArrowUp: -7,
+      ArrowRight: 1,
+      ArrowDown: 7
+    }), r;
+  }
+  return D(l, [{
+    key: "getRangeInput",
+    value: function() {
+      return /* @__PURE__ */ e.createElement(a.RangeInput.DateRange, null);
+    }
+  }, {
+    key: "getRangeCalendarProps",
+    value: function() {
+      return {
+        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(c, {
+          direction: "column"
+        }, /* @__PURE__ */ e.createElement(a.CalendarHeader, {
+          tag: c
+        }, /* @__PURE__ */ e.createElement(a.Prev, null), /* @__PURE__ */ e.createElement(a.Title, null)), /* @__PURE__ */ e.createElement(a.Calendar, null)), /* @__PURE__ */ e.createElement(c, {
+          direction: "column"
+        }, /* @__PURE__ */ e.createElement(a.CalendarHeader, {
+          tag: c
+        }, /* @__PURE__ */ e.createElement(a.Title, null), /* @__PURE__ */ e.createElement(a.Next, null)), /* @__PURE__ */ e.createElement(a.Calendar, null)))
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      return p(p({}, h(S(l.prototype), "getPopperProps", this).call(this)), {}, {
+        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Header, null), /* @__PURE__ */ e.createElement(a.Body, {
+          showButtons: !0
+        }))
+      });
+    }
+  }, {
+    key: "getHeaderProps",
+    value: function() {
+      return {
+        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.ValueDateRange, null), /* @__PURE__ */ e.createElement(a.CompareToggle, null), /* @__PURE__ */ e.createElement(a.CompareDateRange, null))
+      };
+    }
+  }, {
+    key: "getBodyProps",
+    value: function(o) {
+      var i = o.showButtons;
+      return {
+        children: /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(a.RangeCalendar, null), /* @__PURE__ */ e.createElement(a.Periods, {
+          showButtons: i
+        }))
+      };
+    }
+  }, {
+    key: "getPeriodsProps",
+    value: function(o) {
+      var i = o.showButtons, s = o.unclearable, C = s === void 0 ? !1 : s;
+      return {
+        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Periods.Divider, null), /* @__PURE__ */ e.createElement(a.Periods.Column, null, /* @__PURE__ */ e.createElement(a.Periods.Options, null), i && /* @__PURE__ */ e.createElement(a.Periods.Controls, null, /* @__PURE__ */ e.createElement(a.Apply, null), !C && /* @__PURE__ */ e.createElement(a.Reset, null))))
+      };
+    }
+  }, {
+    key: "getFooterProps",
+    value: function(o) {
+      var i = o.unclearable, s = i === void 0 ? !1 : i;
+      return {
+        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Apply, null), !s && /* @__PURE__ */ e.createElement(a.Reset, null))
+      };
+    }
+  }]), l;
+}(v);
+g(R, "displayName", "DateRangeComparator");
+g(R, "defaultProps", function(t) {
+  return p(p({}, v.defaultProps(t)), {}, {
+    children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Trigger, null), /* @__PURE__ */ e.createElement(a.Popper, null))
+  });
+});
+function L(t) {
+  var n, l = t.Root, r = t.styles;
+  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SValueDateRange", {
+    render: a.RangeInput,
+    range: "value"
+  }));
+}
+function U(t) {
+  var n, l = t.Root, r = t.styles;
+  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SSecondaryDateRange", {
+    render: a.RangeInput,
+    range: "compare"
+  }));
+}
+function q(t) {
+  var n, l = t.Root, r = t.Children, o = t.styles;
+  return n = m(o), /* @__PURE__ */ e.createElement(l, n.cn("SRangeCalendar", {
+    render: c,
+    gap: 8
+  }), /* @__PURE__ */ e.createElement(r, n.cn("Children", {})));
+}
+function G(t) {
+  var n, l = t.Root, r = t.styles;
+  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SPeriods", {
+    render: c
+  }));
+}
+function J(t) {
+  var n, l = t.Root, r = t.styles;
+  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SPeriodsDivider", {
+    orientation: "vertical",
+    h: "auto",
+    render: x
+  }));
+}
+function K(t) {
+  var n, l = t.Root, r = t.styles;
+  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SPeriodsColumn", {
+    render: c,
+    direction: "column",
+    justifyContent: "space-between"
+  }));
+}
+function Q(t) {
+  var n, l = t.styles, r = t.Root;
+  return n = m(l), /* @__PURE__ */ e.createElement(r, n.cn("SPeriodsOptions", {
+    render: a.Period,
+    p: 2
+  }));
+}
+function W(t) {
+  var n, l = t.styles, r = t.Root;
+  return n = m(l), /* @__PURE__ */ e.createElement(r, n.cn("SPeriodsControls", {
+    render: c,
+    p: 4,
+    gap: 2
+  }));
+}
+var a = w(R, {
+  Popper: T,
+  CalendarHeader: b,
+  Title: k,
+  Header: O,
+  Prev: A,
+  Next: B,
+  Calendar: E,
+  Period: H,
+  Apply: M,
+  Reset: V,
+  Trigger: N,
+  ValueDateRange: L,
+  CompareToggle: $,
+  CompareDateRange: U,
+  Body: j,
+  RangeCalendar: q,
+  Periods: [G, {
+    Divider: J,
+    Column: K,
+    Options: Q,
+    Controls: W
+  }],
+  Footer: z,
+  RangeInput: d
+}, {
+  parent: E
+});
+export {
+  a as default
+};

package/lib/esm/DateRangePicker.mjs

@@ -0,0 +1,111 @@
+import i from "@babel/runtime/helpers/esm/objectSpread2";
+import w from "@babel/runtime/helpers/esm/classCallCheck";
+import x from "@babel/runtime/helpers/esm/createClass";
+import u from "@babel/runtime/helpers/esm/assertThisInitialized";
+import d from "@babel/runtime/helpers/esm/get";
+import m from "@babel/runtime/helpers/esm/getPrototypeOf";
+import A from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import s from "react";
+import n from "dayjs";
+import I from "@semcore/core";
+import S from "./utils/shortDateRangeFormat.mjs";
+import { InputTrigger as P, Trigger as B, Popper as j, Header as F, Title as H, Prev as M, Next as N, Period as V } from "./components/index.mjs";
+import { CalendarDays as h } from "./components/Calendar.mjs";
+import v, { Apply as W, Reset as $ } from "./components/RangePickerAbstract.mjs";
+var c = /* @__PURE__ */ function(p) {
+  A(o, p);
+  var g = E(o);
+  function o() {
+    var a;
+    w(this, o);
+    for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+      t[r] = arguments[r];
+    return a = g.call.apply(g, [this].concat(t)), l(u(a), "navigateStep", "month"), l(u(a), "keyStep", "day"), l(u(a), "keyDiff", {
+      ArrowLeft: -1,
+      ArrowUp: -7,
+      ArrowRight: 1,
+      ArrowDown: 7
+    }), a;
+  }
+  return x(o, [{
+    key: "getDefaultPeriods",
+    value: function() {
+      var e = this.asProps.getI18nText, t = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
+      return [{
+        children: e("last2Days"),
+        value: [n(t).subtract(1, "day").toDate(), t]
+      }, {
+        children: e("lastWeek"),
+        value: [n(t).subtract(6, "day").toDate(), t]
+      }, {
+        children: e("last2Weeks"),
+        value: [n(t).subtract(13, "day").toDate(), t]
+      }, {
+        children: e("lastMonth"),
+        value: [n(t).subtract(1, "month").toDate(), t]
+      }, {
+        children: e("last2Months"),
+        value: [n(t).subtract(2, "month").toDate(), t]
+      }];
+    }
+  }, {
+    key: "getButtonTriggerProps",
+    value: function() {
+      var e = this.asProps, t = e.value, r = e.locale;
+      return i(i({}, d(m(o.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        placeholder: "Select date period",
+        children: S(t, {
+          locale: r,
+          day: "numeric",
+          month: "short",
+          year: "numeric"
+        })
+      });
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, t = e.visible, r = e.preselectedValue, D = e.onChange, y = e.onDisplayedPeriodChange, T = e.locale, b = e.disabled, R = e.disabledErrorText, k = e.getI18nText, C = e.animationsDisabled, _ = t ? [r[0] || this.asProps.value[0], r[1] || this.asProps.value[1]] : this.asProps.value;
+      return i(i({}, d(m(o.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        value: _,
+        onChange: D,
+        onDisplayedPeriodChange: y,
+        locale: T,
+        disabledDates: b,
+        disabledErrorText: R,
+        children: function() {
+          return /* @__PURE__ */ s.createElement(P.DateRange, null);
+        },
+        getI18nText: k,
+        animationsDisabled: C,
+        unit: this.keyStep
+      });
+    }
+  }]), o;
+}(v);
+l(c, "displayName", "DateRangePicker");
+l(c, "defaultProps", function(p) {
+  return i(i({}, v.defaultProps(p)), {}, {
+    children: /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(f.Trigger, null), /* @__PURE__ */ s.createElement(f.Popper, null))
+  });
+});
+var f = I(c, {
+  Trigger: P,
+  ButtonTrigger: B,
+  Popper: j,
+  Header: F,
+  Title: H,
+  Prev: M,
+  Next: N,
+  Calendar: h,
+  Period: V,
+  Apply: W,
+  Reset: $
+}, {
+  parent: h
+});
+export {
+  f as default
+};