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

package/lib/esm/components/index.mjs

@@ -1,130 +1,148 @@
-import L from "@babel/runtime/helpers/esm/extends";
-import j from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import w from "@babel/runtime/helpers/esm/classCallCheck";
-import z from "@babel/runtime/helpers/esm/createClass";
-import B from "@babel/runtime/helpers/esm/assertThisInitialized";
-import b from "@babel/runtime/helpers/esm/inherits";
-import F from "@babel/runtime/helpers/esm/createSuper";
-import $ from "@babel/runtime/helpers/esm/defineProperty";
-import E from "@babel/runtime/helpers/esm/objectSpread2";
-import { assignProps as l, sstyled as y, Component as N } from "@semcore/core";
-import n from "react";
-import C from "dayjs";
-import T from "@semcore/dropdown";
-import { Box as _ } from "@semcore/flex-box";
-import f from "@semcore/button";
-import W from "@semcore/icon/ChevronLeft/m";
-import q from "@semcore/icon/ChevronRight/m";
-import { callAllEventHandlers as I } from "@semcore/utils/lib/assignProps";
-import G from "./ButtonTrigger.mjs";
-import u from "./InputTrigger.mjs";
-var J = ["value", "onClick", "onMouseEnter", "onMouseLeave"];
-function ce() {
-  var e = arguments[0];
-  return /* @__PURE__ */ n.createElement(T.Trigger, l({
-    tag: G
-  }, e));
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+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 _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 { assignProps, sstyled, Component } from "@semcore/core";
+import React from "react";
+import dayjs from "dayjs";
+import Dropdown from "@semcore/dropdown";
+import { Box } from "@semcore/flex-box";
+import Button from "@semcore/button";
+import ChevronLeft from "@semcore/icon/ChevronLeft/m";
+import ChevronRight from "@semcore/icon/ChevronRight/m";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import ButtonTrigger from "./ButtonTrigger.mjs";
+import InputTrigger$1 from "./InputTrigger.mjs";
+var _excluded = ["value", "onClick", "onMouseEnter", "onMouseLeave"];
+function Trigger() {
+  var _ref = arguments[0];
+  return /* @__PURE__ */ React.createElement(Dropdown.Trigger, assignProps({
+    "tag": ButtonTrigger
+  }, _ref));
 }
-function p() {
-  var e = arguments[0];
-  return /* @__PURE__ */ n.createElement(T.Trigger, l({
-    tag: u,
-    __excludeProps: ["role", "aria-haspopup", "aria-expanded", "onChange", "value", "id"]
-  }, e));
+function InputTrigger() {
+  var _ref2 = arguments[0];
+  return /* @__PURE__ */ React.createElement(Dropdown.Trigger, assignProps({
+    "tag": InputTrigger$1,
+    "__excludeProps": ["role", "aria-haspopup", "aria-expanded", "onChange", "value", "id"]
+  }, _ref2));
 }
-p.Indicator = u.Indicator;
-p.MaskedInput = u.MaskedInput;
-p.Addon = u.Addon;
-p.SingleDateInput = u.SingleDateInput;
-p.DateRange = u.DateRange;
-p.DateRangeFromInput = u.DateRangeFromInput;
-p.DateRangeToInput = u.DateRangeToInput;
-function de(e) {
-  var a = arguments[0], r, t = T.Popper;
-  return r = y(e.styles), /* @__PURE__ */ n.createElement(t, r.cn("SPopper", E({}, l({
-    role: "dialog"
-  }, a))));
+InputTrigger.Indicator = InputTrigger$1.Indicator;
+InputTrigger.MaskedInput = InputTrigger$1.MaskedInput;
+InputTrigger.Addon = InputTrigger$1.Addon;
+InputTrigger.SingleDateInput = InputTrigger$1.SingleDateInput;
+InputTrigger.DateRange = InputTrigger$1.DateRange;
+InputTrigger.DateRangeFromInput = InputTrigger$1.DateRangeFromInput;
+InputTrigger.DateRangeToInput = InputTrigger$1.DateRangeToInput;
+function Popper(props) {
+  var _ref3 = arguments[0], _ref9;
+  var SPopper = Dropdown.Popper;
+  return _ref9 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SPopper, _ref9.cn("SPopper", _objectSpread({}, assignProps({
+    "role": "dialog"
+  }, _ref3))));
 }
-function ge(e) {
-  var a = arguments[0], r, t = _;
-  return r = y(e.styles), /* @__PURE__ */ n.createElement(t, r.cn("SHeader", E({}, l({}, a))));
+function Header(props) {
+  var _ref4 = arguments[0], _ref10;
+  var SHeader = Box;
+  return _ref10 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SHeader, _ref10.cn("SHeader", _objectSpread({}, assignProps({}, _ref4))));
 }
-var he = function(a) {
-  var r = arguments[0], t, c = a.Children, s = a.styles, i = _;
-  return t = y(s), /* @__PURE__ */ n.createElement(i, t.cn("STitle", E({}, l({
+var Title = function Title2(_ref13) {
+  var _ref5 = arguments[0], _ref11;
+  var Children = _ref13.Children, styles = _ref13.styles;
+  var STitle = Box;
+  return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref11.cn("STitle", _objectSpread({}, assignProps({
     "aria-live": "polite"
-  }, r))), /* @__PURE__ */ n.createElement(c, t.cn("Children", {})));
+  }, _ref5))), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
 };
-function fe(e) {
-  var a = arguments[0];
-  e.getI18nText;
-  var r = e.children, t = e.Children;
-  return /* @__PURE__ */ n.createElement(f, l({
-    use: "tertiary",
-    theme: "muted",
-    size: "l"
-  }, a), r ? /* @__PURE__ */ n.createElement(t, null) : /* @__PURE__ */ n.createElement(f.Addon, null, /* @__PURE__ */ n.createElement(W, null)));
+function Prev(_ref14) {
+  var _ref6 = arguments[0];
+  _ref14.getI18nText;
+  var children = _ref14.children, Children = _ref14.Children;
+  return /* @__PURE__ */ React.createElement(Button, assignProps({
+    "use": "tertiary",
+    "theme": "muted",
+    "size": "l"
+  }, _ref6), children ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(ChevronLeft, null)));
 }
-function ve(e) {
-  var a = arguments[0];
-  e.getI18nText;
-  var r = e.children, t = e.Children;
-  return /* @__PURE__ */ n.createElement(f, l({
-    use: "tertiary",
-    theme: "muted",
-    size: "l"
-  }, a), r ? /* @__PURE__ */ n.createElement(t, null) : /* @__PURE__ */ n.createElement(f.Addon, null, /* @__PURE__ */ n.createElement(q, null)));
+function Next(_ref15) {
+  var _ref7 = arguments[0];
+  _ref15.getI18nText;
+  var children = _ref15.children, Children = _ref15.Children;
+  return /* @__PURE__ */ React.createElement(Button, assignProps({
+    "use": "tertiary",
+    "theme": "muted",
+    "size": "l"
+  }, _ref7), children ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(ChevronRight, null)));
 }
-var Ce = /* @__PURE__ */ function(e) {
-  b(r, e);
-  var a = F(r);
-  function r() {
-    var t;
-    w(this, r);
-    for (var c = arguments.length, s = new Array(c), i = 0; i < c; i++)
-      s[i] = arguments[i];
-    return t = a.call.apply(a, [this].concat(s)), $(B(t), "getActiveControl", function() {
-      var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : void 0;
-      function d(g, P) {
-        return C(g).isSame(C(P), "date");
+var Period = /* @__PURE__ */ function(_Component) {
+  _inherits(Period2, _Component);
+  var _super = _createSuper(Period2);
+  function Period2() {
+    var _this;
+    _classCallCheck(this, Period2);
+    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), "getActiveControl", function() {
+      var period = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+      var value = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : void 0;
+      function compareMonth(monthOne, monthTwo) {
+        return dayjs(monthOne).isSame(dayjs(monthTwo), "date");
+      }
+      if (!period || !value) return false;
+      if (Array.isArray(value) && period.length !== value.length) return false;
+      if (Array.isArray(value)) {
+        return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);
       }
-      return !m || !o || Array.isArray(o) && m.length !== o.length ? !1 : Array.isArray(o) ? d(m[0], o[0]) && d(m[1], o[1]) : d(m[0], o);
-    }), t;
+      return compareMonth(period[0], value);
+    });
+    return _this;
   }
-  return z(r, [{
+  _createClass(Period2, [{
     key: "render",
-    value: function() {
-      var c = this.asProps, s, i = this, m = _, o = this.asProps, d = o.styles, g = o.value, P = o.onChange, A = o.periods, D = o.onHighlightedChange, S = o.onDisplayedPeriodChange;
-      return s = y(d), /* @__PURE__ */ n.createElement(m, s.cn("SPeriod", E({}, l({}, c))), A.map(function(h, M) {
-        var v = h.value, x = h.onClick, R = h.onMouseEnter, k = h.onMouseLeave, H = j(h, J);
-        return /* @__PURE__ */ n.createElement(f, L({
-          key: M,
+    value: function render() {
+      var _ref8 = this.asProps, _ref12, _this2 = this;
+      var SPeriod = Box;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, value = _this$asProps.value, onChange = _this$asProps.onChange, periods = _this$asProps.periods, onHighlightedChange = _this$asProps.onHighlightedChange, onDisplayedPeriodChange = _this$asProps.onDisplayedPeriodChange;
+      return _ref12 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriod, _ref12.cn("SPeriod", _objectSpread({}, assignProps({}, _ref8))), periods.map(function(_ref16, i) {
+        var period = _ref16.value, onClick = _ref16.onClick, onMouseEnter = _ref16.onMouseEnter, onMouseLeave = _ref16.onMouseLeave, other = _objectWithoutProperties(_ref16, _excluded);
+        return /* @__PURE__ */ React.createElement(Button, _extends({
+          key: i,
           use: "tertiary",
           theme: "muted",
           role: "option",
-          styles: d,
-          active: i.getActiveControl(v, g),
-          onClick: I(x, function() {
-            return P(v);
+          styles,
+          active: _this2.getActiveControl(period, value),
+          onClick: callAllEventHandlers(onClick, function() {
+            return onChange(period);
           }),
-          onMouseEnter: I(R, function() {
-            D(v), S(C(v[0]).toDate());
+          onMouseEnter: callAllEventHandlers(onMouseEnter, function() {
+            onHighlightedChange(period);
+            onDisplayedPeriodChange(dayjs(period[0]).toDate());
           }),
-          onMouseLeave: I(k, function() {
-            D([]), S(g[0] ? C(g[0]).toDate() : /* @__PURE__ */ new Date());
+          onMouseLeave: callAllEventHandlers(onMouseLeave, function() {
+            onHighlightedChange([]);
+            onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : /* @__PURE__ */ new Date());
           })
-        }, H));
+        }, other));
       }));
     }
-  }]), r;
-}(N);
+  }]);
+  return Period2;
+}(Component);
 export {
-  ge as Header,
-  p as InputTrigger,
-  ve as Next,
-  Ce as Period,
-  de as Popper,
-  fe as Prev,
-  he as Title,
-  ce as Trigger
+  Header,
+  InputTrigger,
+  Next,
+  Period,
+  Popper,
+  Prev,
+  Title,
+  Trigger
 };

package/lib/esm/index.mjs

@@ -1,15 +1,15 @@
-import { default as t, DatePickerRoot as o } from "./DatePicker.mjs";
-import { default as f } from "./DateRangePicker.mjs";
-import { default as p } from "./DateRangeComparator.mjs";
-import { default as d } from "./MonthPicker.mjs";
-import { default as s } from "./MonthRangePicker.mjs";
-import { default as x } from "./MonthDateRangeComparator.mjs";
+import { default as default2, DatePickerRoot } from "./DatePicker.mjs";
+import { default as default3 } from "./DateRangePicker.mjs";
+import { default as default4 } from "./DateRangeComparator.mjs";
+import { default as default5 } from "./MonthPicker.mjs";
+import { default as default6 } from "./MonthRangePicker.mjs";
+import { default as default7 } from "./MonthDateRangeComparator.mjs";
 export {
-  t as DatePicker,
-  o as DatePickerRoot,
-  p as DateRangeComparator,
-  f as DateRangePicker,
-  x as MonthDateRangeComparator,
-  d as MonthPicker,
-  s as MonthRangePicker
+  default2 as DatePicker,
+  DatePickerRoot,
+  default4 as DateRangeComparator,
+  default3 as DateRangePicker,
+  default7 as MonthDateRangeComparator,
+  default5 as MonthPicker,
+  default6 as MonthRangePicker
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,35 +1,35 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./ru.json.mjs";
-import l from "./tr.json.mjs";
-import v from "./vi.json.mjs";
-import d from "./zh.json.mjs";
-import n from "./pl.json.mjs";
-import z from "./sv.json.mjs";
-var D = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  ru: a,
-  tr: l,
-  vi: v,
-  zh: d,
-  pl: n,
-  sv: z
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import ru from "./ru.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  ru,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  D as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,62 +1,89 @@
-const e = "Anwenden", t = "Zurücksetzen", a = "Heute", n = "Letzte 2 Tage", s = "Letzte Woche", o = "Letzte 2 Wochen", l = "Letzten Monat", i = "Letzte 2 Monate", c = "Letzte 3 Monate", r = "Letzte 6 Monate", h = "Letzte 12 Monate", d = "Voriger Zeitraum", u = "Nächster Zeitraum", g = "Datumsfeld", M = "Vergleichen mit", b = "Vom {date}", m = "Bis {date}", p = "Vorgaben", D = "Datumsbereich", v = "Erster Datumsbereich", z = "Zweiter Datumsbereich", f = "Auswahl begonnen", w = "Ausgewählt", y = "Bitte wählen Sie ein verfügbares Datum aus.", L = "Bitte wählen Sie einen verfügbaren Monat aus.", k = "Bitte wählen Sie ein verfügbares Fälligkeitsdatum aus.", R = "Bitte wählen Sie einen verfügbaren Fälligkeitsmonat aus.", S = {
-  apply: e,
-  reset: t,
-  today: a,
-  last2Days: n,
-  lastWeek: s,
-  last2Weeks: o,
-  lastMonth: l,
-  last2Months: i,
-  last3Months: c,
-  last6Months: r,
-  last12Months: h,
-  prev: d,
-  next: u,
-  input: g,
-  compare: M,
-  fromDate: b,
-  toDate: m,
-  periods: p,
-  dateRange: D,
-  dateRange1: v,
-  dateRange2: z,
-  selectingStarted: f,
-  selectingFinished: w,
-  unavailableDate: y,
-  unavailableMonth: L,
-  unavailableEndDate: k,
-  unavailableEndMonth: R,
+const apply = "Anwenden";
+const reset = "Zurücksetzen";
+const today = "Heute";
+const last2Days = "Letzte 2 Tage";
+const lastWeek = "Letzte Woche";
+const last2Weeks = "Letzte 2 Wochen";
+const lastMonth = "Letzten Monat";
+const last2Months = "Letzte 2 Monate";
+const last3Months = "Letzte 3 Monate";
+const last6Months = "Letzte 6 Monate";
+const last12Months = "Letzte 12 Monate";
+const prev = "Voriger Zeitraum";
+const next = "Nächster Zeitraum";
+const input = "Datumsfeld";
+const compare = "Vergleichen mit";
+const fromDate = "Vom {date}";
+const toDate = "Bis {date}";
+const periods = "Vorgaben";
+const dateRange = "Datumsbereich";
+const dateRange1 = "Erster Datumsbereich";
+const dateRange2 = "Zweiter Datumsbereich";
+const selectingStarted = "Auswahl begonnen";
+const selectingFinished = "Ausgewählt";
+const unavailableDate = "Bitte wählen Sie ein verfügbares Datum aus.";
+const unavailableMonth = "Bitte wählen Sie einen verfügbaren Monat aus.";
+const unavailableEndDate = "Bitte wählen Sie ein verfügbares Fälligkeitsdatum aus.";
+const unavailableEndMonth = "Bitte wählen Sie einen verfügbaren Fälligkeitsmonat aus.";
+const de = {
+  apply,
+  reset,
+  today,
+  last2Days,
+  lastWeek,
+  last2Weeks,
+  lastMonth,
+  last2Months,
+  last3Months,
+  last6Months,
+  last12Months,
+  prev,
+  next,
+  input,
+  compare,
+  fromDate,
+  toDate,
+  periods,
+  dateRange,
+  dateRange1,
+  dateRange2,
+  selectingStarted,
+  selectingFinished,
+  unavailableDate,
+  unavailableMonth,
+  unavailableEndDate,
+  unavailableEndMonth,
   "placeholder-days": "T",
   "placeholder-months": "M",
   "placeholder-years": "J"
 };
 export {
-  e as apply,
-  M as compare,
-  D as dateRange,
-  v as dateRange1,
-  z as dateRange2,
-  S as default,
-  b as fromDate,
-  g as input,
-  h as last12Months,
-  n as last2Days,
-  i as last2Months,
-  o as last2Weeks,
-  c as last3Months,
-  r as last6Months,
-  l as lastMonth,
-  s as lastWeek,
-  u as next,
-  p as periods,
-  d as prev,
-  t as reset,
-  w as selectingFinished,
-  f as selectingStarted,
-  m as toDate,
-  a as today,
-  y as unavailableDate,
-  k as unavailableEndDate,
-  R as unavailableEndMonth,
-  L as unavailableMonth
+  apply,
+  compare,
+  dateRange,
+  dateRange1,
+  dateRange2,
+  de as default,
+  fromDate,
+  input,
+  last12Months,
+  last2Days,
+  last2Months,
+  last2Weeks,
+  last3Months,
+  last6Months,
+  lastMonth,
+  lastWeek,
+  next,
+  periods,
+  prev,
+  reset,
+  selectingFinished,
+  selectingStarted,
+  toDate,
+  today,
+  unavailableDate,
+  unavailableEndDate,
+  unavailableEndMonth,
+  unavailableMonth
 };