intergalactic 15.126.0-prerelease.4 → 15.126.0

package/date-picker/lib/esm/semcore/date-picker/src/MonthDateRangeComparator.mjs

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

package/date-picker/lib/esm/semcore/date-picker/src/MonthPicker.mjs

@@ -0,0 +1,99 @@
+import i from "@babel/runtime/helpers/esm/objectSpread2";
+import k from "@babel/runtime/helpers/esm/classCallCheck";
+import w from "@babel/runtime/helpers/esm/createClass";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import m from "@babel/runtime/helpers/esm/get";
+import c from "@babel/runtime/helpers/esm/getPrototypeOf";
+import I from "@babel/runtime/helpers/esm/inherits";
+import S from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import n from "react";
+import d from "dayjs";
+import x from 'intergalactic/core';
+import { InputTrigger as P, Trigger as A, Popper as E, Header as B, Title as M, Prev as R, Next as F } from "./components/index.mjs";
+import { CalendarMonths as h } from "./components/Calendar.mjs";
+import y from "./components/PickerAbstract.mjs";
+var $ = {
+  day: !1,
+  month: !0,
+  year: !0
+}, g = /* @__PURE__ */ function(s) {
+  I(o, s);
+  var u = S(o);
+  function o() {
+    var a;
+    k(this, o);
+    for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+      t[r] = arguments[r];
+    return a = u.call.apply(u, [this].concat(t)), l(p(a), "navigateStep", "year"), l(p(a), "keyStep", "month"), l(p(a), "keyDiff", {
+      ArrowLeft: -1,
+      ArrowUp: -3,
+      ArrowRight: 1,
+      ArrowDown: 3
+    }), a;
+  }
+  return w(o, [{
+    key: "getButtonTriggerProps",
+    value: function() {
+      var e = this.asProps, t = e.value, r = e.locale;
+      return i(i({}, m(c(o.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        placeholder: "Select month",
+        children: t ? new Intl.DateTimeFormat(r, {
+          month: "short",
+          year: "numeric"
+        }).format(d(t).toDate()) : null
+      });
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, t = e.value, r = e.onChange, T = e.onDisplayedPeriodChange, v = e.locale, D = e.disabled, C = e.disabledErrorText, _ = e.getI18nText, b = e.animationsDisabled;
+      return i(i({}, m(c(o.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        value: t,
+        onChange: r,
+        onDisplayedPeriodChange: T,
+        locale: v,
+        parts: $,
+        disabledDates: D,
+        disabledErrorText: C,
+        children: function() {
+          return /* @__PURE__ */ n.createElement(P.SingleDateInput, null);
+        },
+        getI18nText: _,
+        animationsDisabled: b,
+        unit: this.keyStep
+      });
+    }
+  }, {
+    key: "getTitleProps",
+    value: function() {
+      var e = this.asProps, t = e.displayedPeriod, r = e.locale;
+      return i(i({}, m(c(o.prototype), "getTitleProps", this).call(this)), {}, {
+        children: new Intl.DateTimeFormat(r, {
+          year: "numeric"
+        }).format(d(t).startOf("year").toDate())
+      });
+    }
+  }]), o;
+}(y);
+l(g, "displayName", "MonthPicker");
+l(g, "defaultProps", function(s) {
+  return i(i({}, y.defaultProps(s)), {}, {
+    children: /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(f.Trigger, null), /* @__PURE__ */ n.createElement(f.Popper, null))
+  });
+});
+var f = x(g, {
+  Trigger: P,
+  ButtonTrigger: A,
+  Popper: E,
+  Header: B,
+  Title: M,
+  Prev: R,
+  Next: F,
+  Calendar: h
+}, {
+  parent: h
+});
+export {
+  f as default
+};

package/date-picker/lib/esm/semcore/date-picker/src/MonthRangePicker.mjs

@@ -0,0 +1,122 @@
+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 'intergalactic/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", {
+      ArrowLeft: -1,
+      ArrowUp: -3,
+      ArrowRight: 1,
+      ArrowDown: 3
+    }), a;
+  }
+  return w(i, [{
+    key: "getDefaultPeriods",
+    value: function() {
+      var t = this.asProps.getI18nText, e = 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: t("last3Months"),
+        value: [o(e).subtract(2, "month").startOf("month").toDate(), o(e).startOf("month").toDate()]
+      }, {
+        children: t("last6Months"),
+        value: [o(e).subtract(5, "month").startOf("month").toDate(), o(e).startOf("month").toDate()]
+      }, {
+        children: t("last12Months"),
+        value: [o(e).subtract(11, "month").startOf("month").toDate(), o(e).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)), {}, {
+        placeholder: "Select month period",
+        children: A(e, {
+          locale: r,
+          month: "short",
+          year: "numeric"
+        })
+      });
+    }
+  }, {
+    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);
+        },
+        getI18nText: k,
+        animationsDisabled: C,
+        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, {
+          year: "numeric"
+        }).format(o(h).add(e, 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))
+  });
+});
+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
+}, {
+  parent: P
+});
+export {
+  v as default
+};

package/date-picker/lib/esm/semcore/date-picker/src/components/ButtonTrigger.mjs

@@ -0,0 +1,19 @@
+import i, { assignProps as m } from 'intergalactic/core';
+import t from "react";
+import e from 'intergalactic/base-trigger';
+import g from 'intergalactic/utils/lib/addonTextChildren';
+import p from 'intergalactic/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));
+};
+o.displayName = "ButtonTrigger";
+var r = i(o, {
+  Text: e.Text,
+  Addon: e.Addon
+});
+export {
+  r as default
+};