@progress/kendo-react-dateinputs 9.5.0 → 10.0.0-develop.2

package/calendar/components/MultiViewCalendar.mjs

@@ -5,33 +5,34 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as p from "react";
+import * as d from "react";
 import s from "prop-types";
 import { provideIntlService as j, provideLocalizationService as G, registerForIntl as X, registerForLocalization as q } from "@progress/kendo-react-intl";
-import { Keys as O, classNames as J, createPropsContext as Q, withIdHOC as Z, withPropsContext as ee } from "@progress/kendo-react-common";
-import { isEqualDate as N, addDays as A, cloneDate as m, getDate as g, firstDayOfMonth as te, lastDayOfMonth as se } from "@progress/kendo-date-math";
-import { Button as P } from "@progress/kendo-react-buttons";
-import { chevronRightIcon as B, chevronLeftIcon as L } from "@progress/kendo-svg-icons";
-import { Action as C } from "../models/NavigationAction.mjs";
-import { CalendarViewEnum as M } from "../models/CalendarViewEnum.mjs";
-import { EMPTY_SELECTIONRANGE as W } from "../models/SelectionRange.mjs";
-import { Header as ie } from "./Header.mjs";
-import { dateInRange as F, getToday as k, viewInRange as _, nullable as w, MIN_DATE as ae, MAX_DATE as ne, isInRange as T } from "../../utils.mjs";
-import { prevView as K, messages as Y, nextView as z } from "../../messages/index.mjs";
-import { BusViewService as oe } from "../services/BusViewService.mjs";
-import { NavigationService as le } from "../services/NavigationService.mjs";
+import { Keys as O, validatePackage as J, classNames as Q, WatermarkOverlay as Z, createPropsContext as ee, withIdHOC as te, withPropsContext as se } from "@progress/kendo-react-common";
+import { isEqualDate as P, addDays as M, cloneDate as m, getDate as g, firstDayOfMonth as ie, lastDayOfMonth as ae } from "@progress/kendo-date-math";
+import { Button as N } from "@progress/kendo-react-buttons";
+import { chevronRightIcon as L, chevronLeftIcon as B } from "@progress/kendo-svg-icons";
+import { Action as k } from "../models/NavigationAction.mjs";
+import { CalendarViewEnum as A } from "../models/CalendarViewEnum.mjs";
+import { EMPTY_SELECTIONRANGE as H } from "../models/SelectionRange.mjs";
+import { Header as ne } from "./Header.mjs";
+import { dateInRange as x, getToday as F, viewInRange as _, nullable as D, MIN_DATE as oe, MAX_DATE as re, isInRange as T } from "../../utils.mjs";
+import { prevView as K, messages as Y, nextView as W } from "../../messages/index.mjs";
+import { BusViewService as le } from "../services/BusViewService.mjs";
+import { NavigationService as he } from "../services/NavigationService.mjs";
 import { HorizontalViewList as E } from "./HorizontalViewList.mjs";
-import { TodayCommand as re } from "./TodayCommand.mjs";
-const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Date && !Array.isArray(a) && T(g(a), r, i) ? g(a) : null, U = (r = v.defaultProps.min, i = v.defaultProps.max, a) => Array.isArray(a) ? a.filter((c) => T(c, r, i)).map((c) => g(c)) : null, $ = (r) => typeof r == "object" && !(r instanceof Date) && r !== null && !Array.isArray(r) ? r : W, H = (r, i, a) => r || i && i[0] || a && a.start, he = (r, i) => r.start === null && i === null ? "start" : r.end === null ? "end" : "start", d = class d extends p.Component {
+import { TodayCommand as ce } from "./TodayCommand.mjs";
+import { packageMetadata as de } from "../../package-metadata.mjs";
+const S = (l = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Date && !Array.isArray(a) && T(g(a), l, i) ? g(a) : null, z = (l = v.defaultProps.min, i = v.defaultProps.max, a) => Array.isArray(a) ? a.filter((c) => T(c, l, i)).map((c) => g(c)) : null, U = (l) => typeof l == "object" && !(l instanceof Date) && l !== null && !Array.isArray(l) ? l : H, $ = (l, i, a) => l || i && i[0] || a && a.start, ue = (l, i) => l.start === null && i === null ? "start" : l.end === null ? "end" : "start", u = class u extends d.Component {
   constructor(i) {
-    super(i), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = W, this._focusedDate = /* @__PURE__ */ new Date(), this.cellUID = this.props.id + "-cell-uid", this.activeRangeEnd = "start", this._element = null, this.intl = null, this.localization = null, this.service = null, this.calendarViewList = null, this.isActive = !1, this.calculateFocusFromValue = !0, this.focus = () => {
+    super(i), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = H, this._focusedDate = /* @__PURE__ */ new Date(), this.cellUID = this.props.id + "-cell-uid", this.activeRangeEnd = "start", this._element = null, this.intl = null, this.localization = null, this.service = null, this.calendarViewList = null, this.isActive = !1, this.calculateFocusFromValue = !0, this.showLicenseWatermark = !1, this.focus = () => {
       this._element && this._element.focus();
     }, this.clampRange = (e) => ({ start: e, end: null }), this.rangeWithFocused = (e, t) => ({
       start: e.start,
       end: e.end === null && e.start !== null && this.isActive ? t : e.end
     }), this.generateRange = (e, t) => {
-      const { end: l, start: o } = t, h = t.start !== null && e.getTime() <= t.start.getTime();
-      return !this.props.allowReverse && h ? { start: e, end: this.selectedRange.start } : this.activeRange !== "end" ? { start: e, end: l } : { start: o || this.selectedDate, end: e };
+      const { end: r, start: o } = t, h = t.start !== null && e.getTime() <= t.start.getTime();
+      return !this.props.allowReverse && h ? { start: e, end: this.selectedRange.start } : this.activeRange !== "end" ? { start: e, end: r } : { start: o || this.selectedDate, end: e };
     }, this.canNavigate = (e) => {
       if (!this.service)
         return !1;
@@ -39,11 +40,11 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
       return this.min <= t && t <= this.max || this.service.isInSameView(t, this.min) || this.service.isInSameView(t, this.max);
     }, this.navigate = (e, t) => {
       this.calculateFocusFromValue = !1;
-      const l = this.move(e, t);
-      this.setState({ navigateDate: l, focusedDate: l });
-    }, this.move = (e, t) => this.clampDate(this.service.move(t, e)), this.clampDate = (e) => F(e, this.min, this.max), this.shouldAutoCorrect = (e, t) => {
-      const { end: l, start: o } = t;
-      return this.activeRange !== "end" ? l !== null && e > l : o !== null && e < o;
+      const r = this.move(e, t);
+      this.setState({ navigateDate: r, focusedDate: r });
+    }, this.move = (e, t) => this.clampDate(this.service.move(t, e)), this.clampDate = (e) => x(e, this.min, this.max), this.shouldAutoCorrect = (e, t) => {
+      const { end: r, start: o } = t;
+      return this.activeRange !== "end" ? r !== null && e > r : o !== null && e < o;
     }, this.handleCellEnter = (e) => {
       this.props.mode === "range" && (this.calculateFocusFromValue = !1, this.setState({
         focusedDate: e
@@ -67,7 +68,7 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
     }, this.handleTodayClick = (e) => {
       this.todayIsInRange && this.handleDateChange(e);
     }, this.handlePrevButtonClick = () => {
-      const e = C.PrevView;
+      const e = k.PrevView;
       if (this.state.activeView > 0 && this.focusedDate.getFullYear() > this.dates[0].getFullYear())
         this.navigate(e, this.move(e, this.focusedDate));
       else {
@@ -75,14 +76,14 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
         this.navigate(e, t);
       }
     }, this.handleNextButtonClick = () => {
-      this.navigate(C.NextView, this.focusedDate);
+      this.navigate(k.NextView, this.focusedDate);
     }, this.handleKeyDown = (e) => {
-      const { keyCode: l, ctrlKey: o, metaKey: h } = e;
-      if (l === 84) {
-        const n = k();
+      const { keyCode: r, ctrlKey: o, metaKey: h } = e;
+      if (r === 84) {
+        const n = F();
         this.calculateFocusFromValue = !1, this.setState({ focusedDate: n, navigateDate: n });
       }
-      if ((o || h) && (l === O.left && this.handlePrevButtonClick(), l === O.right && this.handleNextButtonClick()), l === O.enter) {
+      if ((o || h) && (r === O.left && this.handlePrevButtonClick(), r === O.right && this.handleNextButtonClick()), r === O.enter) {
         const n = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
@@ -91,7 +92,7 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
         };
         this.handleDateChange(n);
       } else {
-        const n = F(
+        const n = x(
           this.navigation.move(
             this.focusedDate,
             this.navigation.action(e),
@@ -102,40 +103,40 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
           this.min,
           this.max
         );
-        if (N(this.focusedDate, n))
+        if (P(this.focusedDate, n))
           return;
         this.dates && this.service && !this.service.isInArray(n, this.dates) && this.setState({ navigateDate: n }), this.calculateFocusFromValue = !1, this.setState({ focusedDate: n });
       }
       e.preventDefault();
     }, this.handleViewChange = ({ view: e }) => {
       this.calculateFocusFromValue = !1, this.setState((t) => ({ activeView: e, navigateDate: t.focusedDate }));
-    }, this.handleWeekSelection = (e, t, l) => {
+    }, this.handleWeekSelection = (e, t, r) => {
       if (this.props.mode === "single")
         return;
-      const o = 0, h = 6, n = t === o ? e : A(e, -t), u = t === h ? e : A(e, h - t);
+      const o = 0, h = 6, n = t === o ? e : M(e, -t), p = t === h ? e : M(e, h - t);
       let f = null;
       if (this.props.mode === "multiple") {
         f = [];
         for (let y = o; y <= h; y++)
-          f.push(A(n, y));
+          f.push(M(n, y));
         this.setState({ value: f, focusedDate: e });
       }
-      this.props.mode === "range" && (f = { start: n, end: u }, this.setState({ value: f, focusedDate: e }));
-      const { onChange: x } = this.props;
-      if (x) {
+      this.props.mode === "range" && (f = { start: n, end: p }, this.setState({ value: f, focusedDate: e }));
+      const { onChange: C } = this.props;
+      if (C) {
         const y = {
-          syntheticEvent: l,
-          nativeEvent: l.nativeEvent,
+          syntheticEvent: r,
+          nativeEvent: r.nativeEvent,
           value: f,
           target: this
         };
-        x.call(void 0, y);
+        C.call(void 0, y);
       }
     }, this.handleDateChange = (e) => {
-      const t = m(e.value), l = this.bus.canMoveDown(this.state.activeView);
+      const t = m(e.value), r = this.bus.canMoveDown(this.state.activeView);
       if (this.props.disabled)
         return;
-      if (l)
+      if (r)
         if (e.isTodayClick)
           this.bus.moveToBottom(this.state.activeView);
         else {
@@ -151,10 +152,10 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
         case "multiple":
           if (Array.isArray(this.selectedMultiple)) {
             const n = this.selectedMultiple.slice();
-            let u = -1;
-            n.forEach((f, x) => {
-              N(f, e.value) && (u = x);
-            }), u !== -1 ? n.splice(u, 1) : n.push(m(e.value)), o = n.slice();
+            let p = -1;
+            n.forEach((f, C) => {
+              P(f, e.value) && (p = C);
+            }), p !== -1 ? n.splice(p, 1) : n.push(m(e.value)), o = n.slice();
           } else
             this.selectedDate ? o = [m(this.selectedDate), m(e.value)] : o = [m(e.value)];
           break;
@@ -178,18 +179,18 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
         h.call(void 0, n);
       }
       this.valueDuringOnChange = void 0;
-    };
-    const a = i.value !== void 0 ? i.value : i.defaultValue || d.defaultProps.defaultValue, c = S(this.min, this.max, a), D = U(this.min, this.max, a), R = $(a), I = H(c, D, R), V = _(
-      M[i.defaultActiveView],
+    }, this.showLicenseWatermark = !J(de, { component: "MultiViewCalendar" });
+    const a = i.value !== void 0 ? i.value : i.defaultValue || u.defaultProps.defaultValue, c = S(this.min, this.max, a), w = z(this.min, this.max, a), R = U(a), I = $(c, w, R), V = _(
+      A[i.defaultActiveView],
       this.bottomView,
       this.topView
-    ), b = F(i.focusedDate || I || k(), this.min, this.max);
+    ), b = x(i.focusedDate || I || F(), this.min, this.max);
     this.state = {
       value: a,
       activeView: V,
       focusedDate: b,
       navigateDate: b
-    }, this.activeRangeEnd = he(R, c), this.bus = new oe(this.handleViewChange), this.navigation = new le(this.bus), this.calculateFocusFromValue = !1, this.lastView = V, this.lastViewsCount = this.props.views || E.defaultProps.views;
+    }, this.activeRangeEnd = ue(R, c), this.bus = new le(this.handleViewChange), this.navigation = new he(this.bus), this.calculateFocusFromValue = !1, this.lastView = V, this.lastViewsCount = this.props.views || E.defaultProps.views;
   }
   get wrapperID() {
     return this.props.id + "-wrapper-id";
@@ -217,25 +218,25 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
   }
   get min() {
     return g(
-      this.props.min !== void 0 ? this.props.min : d.defaultProps.min
+      this.props.min !== void 0 ? this.props.min : u.defaultProps.min
     );
   }
   get max() {
     return g(
-      this.props.max !== void 0 ? this.props.max : d.defaultProps.max
+      this.props.max !== void 0 ? this.props.max : u.defaultProps.max
     );
   }
   get bottomView() {
-    return M[this.props.bottomView !== void 0 ? this.props.bottomView : d.defaultProps.bottomView];
+    return A[this.props.bottomView !== void 0 ? this.props.bottomView : u.defaultProps.bottomView];
   }
   get topView() {
-    return M[this.props.topView !== void 0 ? this.props.topView : d.defaultProps.topView];
+    return A[this.props.topView !== void 0 ? this.props.topView : u.defaultProps.topView];
   }
   get activeRange() {
     return this.props.activeRangeEnd !== void 0 ? this.props.activeRangeEnd : this.activeRangeEnd;
   }
   get todayIsInRange() {
-    return T(k(), g(this.min), g(this.max));
+    return T(F(), g(this.min), g(this.max));
   }
   /**
    * @hidden
@@ -257,30 +258,30 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
   render() {
     this.props._ref && this.props._ref(this), this.intl = j(this), this.localization = G(this), this.bus.configure(this.bottomView, this.topView);
     const i = _(this.state.activeView, this.bottomView, this.topView);
-    this.service = this.bus.service(i, this.intl), this.selectedDate = S(this.min, this.max, this.value), this.selectedMultiple = U(this.min, this.max, this.value), this.selectedRange = $(this.value);
-    const a = H(this.selectedDate, this.selectedMultiple, this.selectedRange);
-    this._focusedDate = F(
+    this.service = this.bus.service(i, this.intl), this.selectedDate = S(this.min, this.max, this.value), this.selectedMultiple = z(this.min, this.max, this.value), this.selectedRange = U(this.value);
+    const a = $(this.selectedDate, this.selectedMultiple, this.selectedRange);
+    this._focusedDate = x(
       this.calculateFocusFromValue && a !== null ? a : this.state.focusedDate,
       this.min,
       this.max
     );
-    const c = J(
+    const c = Q(
       "k-calendar k-calendar-range k-calendar-md",
       {
         "k-disabled": this.props.disabled
       },
       this.props.className
-    ), D = this.rangeWithFocused(this.selectedRange, this.focusedDate), R = this.localization.toLanguageString(K, Y[K]), I = this.localization.toLanguageString(z, Y[z]), V = !this.canNavigate(C.PrevView), b = !this.canNavigate(C.NextView), e = { "aria-disabled": V }, t = { "aria-disabled": b }, l = this.lastView !== i, o = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), h = this.lastViewsCount !== this.props.views;
-    (!o || l || h) && (this.dates = this.service.datesList(
+    ), w = this.rangeWithFocused(this.selectedRange, this.focusedDate), R = this.localization.toLanguageString(K, Y[K]), I = this.localization.toLanguageString(W, Y[W]), V = !this.canNavigate(k.PrevView), b = !this.canNavigate(k.NextView), e = { "aria-disabled": V }, t = { "aria-disabled": b }, r = this.lastView !== i, o = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), h = this.lastViewsCount !== this.props.views;
+    (!o || r || h) && (this.dates = this.service.datesList(
       this.state.navigateDate,
       this.props.views || E.defaultProps.views
     ));
-    const n = m(this.dates && this.dates[0] ? this.dates[0] : k());
-    return /* @__PURE__ */ p.createElement(
+    const n = m(this.dates && this.dates[0] ? this.dates[0] : F());
+    return /* @__PURE__ */ d.createElement(
       "div",
       {
-        ref: (u) => {
-          this._element = u;
+        ref: (p) => {
+          this._element = p;
         },
         className: c,
         id: this.props.id || this.wrapperID,
@@ -295,8 +296,8 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
         "aria-disabled": this.props.disabled,
         dir: this.props.dir
       },
-      /* @__PURE__ */ p.createElement(
-        ie,
+      /* @__PURE__ */ d.createElement(
+        ne,
         {
           key: `.kendo.calendar.header.${n.getTime()}`,
           activeView: i,
@@ -308,34 +309,34 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
           service: this.service,
           headerTitle: this.props.headerTitle,
           verticalView: this.props.mobileMode,
-          commands: /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(
-            P,
+          commands: /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
+            N,
             {
               type: "button",
               className: "k-calendar-nav-prev",
               icon: this.isRtl ? "chevron-right" : "chevron-left",
-              svgIcon: this.isRtl ? B : L,
+              svgIcon: this.isRtl ? L : B,
               fillMode: "flat",
               title: R,
               disabled: V,
               onClick: this.handlePrevButtonClick,
               ...e
             }
-          ), /* @__PURE__ */ p.createElement(
-            re,
+          ), /* @__PURE__ */ d.createElement(
+            ce,
             {
               min: this.min,
               max: this.max,
               onClick: this.handleTodayClick,
               disabled: !this.todayIsInRange
             }
-          ), /* @__PURE__ */ p.createElement(
-            P,
+          ), /* @__PURE__ */ d.createElement(
+            N,
             {
               type: "button",
               className: "k-calendar-nav-next",
               icon: this.isRtl ? "chevron-left" : "chevron-right",
-              svgIcon: this.isRtl ? L : B,
+              svgIcon: this.isRtl ? B : L,
               fillMode: "flat",
               title: I,
               disabled: b,
@@ -345,11 +346,11 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
           ))
         }
       ),
-      /* @__PURE__ */ p.createElement(
+      /* @__PURE__ */ d.createElement(
         E,
         {
-          ref: (u) => {
-            this.calendarViewList = u;
+          ref: (p) => {
+            this.calendarViewList = p;
           },
           dates: this.dates,
           activeView: i,
@@ -359,7 +360,7 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
           max: this.max,
           bus: this.bus,
           service: this.service,
-          selectionRange: D,
+          selectionRange: w,
           value: this.selectedMultiple || this.selectedDate,
           cellUID: this.cellUID,
           views: this.props.views,
@@ -374,7 +375,8 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
           showOtherMonthDays: this.props.showOtherMonthDays,
           allowReverse: this.props.allowReverse
         }
-      )
+      ),
+      this.showLicenseWatermark && /* @__PURE__ */ d.createElement(Z, null)
     );
   }
   // protected isListInRange = (list: Date[]): boolean => {
@@ -382,21 +384,21 @@ const S = (r = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
   //         && this.max > list[Math.max(0, (this.props.views || MultiViewCalendarWithoutContext.defaultProps.views) - 1)];
   // };
   isInMonth(i, a) {
-    return !!a && te(a) <= i && i <= se(a);
+    return !!a && ie(a) <= i && i <= ae(a);
   }
 };
-d.displayName = "MultiViewCalendar", d.propTypes = {
+u.displayName = "MultiViewCalendar", u.propTypes = {
   activeRangeEnd: s.oneOf(["start", "end"]),
   allowReverse: s.bool,
   bottomView: s.oneOf(["month", "year", "decade", "century"]),
   className: s.string,
   defaultActiveView: s.oneOf(["month", "year", "decade", "century"]),
   defaultValue: s.oneOfType([
-    w(s.instanceOf(Date)),
+    D(s.instanceOf(Date)),
     s.arrayOf(s.instanceOf(Date)),
     s.shape({
-      start: w(s.instanceOf(Date)),
-      end: w(s.instanceOf(Date))
+      start: D(s.instanceOf(Date)),
+      end: D(s.instanceOf(Date))
     })
   ]),
   disabled: s.bool,
@@ -414,26 +416,26 @@ d.displayName = "MultiViewCalendar", d.propTypes = {
   tabIndex: s.number,
   topView: s.oneOf(["month", "year", "decade", "century"]),
   value: s.oneOfType([
-    w(s.instanceOf(Date)),
+    D(s.instanceOf(Date)),
     s.arrayOf(s.instanceOf(Date)),
     s.shape({
-      start: w(s.instanceOf(Date).isRequired),
-      end: w(s.instanceOf(Date).isRequired)
+      start: D(s.instanceOf(Date).isRequired),
+      end: D(s.instanceOf(Date).isRequired)
     })
   ]),
   views: (i, a, c) => {
-    const D = i[a];
-    return D !== void 0 && D < 1 ? new Error(
+    const w = i[a];
+    return w !== void 0 && w < 1 ? new Error(
       `Invalid prop '${a}' supplied to'${c}'. The '${a}' property cannot be less than 1'`
     ) : null;
   },
   weekNumber: s.bool,
   showOtherMonthDays: s.bool,
   dir: s.string
-}, d.defaultProps = {
+}, u.defaultProps = {
   disabled: !1,
-  min: ae,
-  max: ne,
+  min: oe,
+  max: re,
   navigation: !0,
   defaultActiveView: "month",
   defaultValue: null,
@@ -445,18 +447,18 @@ d.displayName = "MultiViewCalendar", d.propTypes = {
   allowReverse: !1,
   showOtherMonthDays: !1
 };
-let v = d;
-const ce = Q(), de = Z(
-  ee(
-    ce,
+let v = u;
+const pe = ee(), me = te(
+  se(
+    pe,
     v
   )
 );
-de.displayName = "KendoReactMultiViewCalendar";
+me.displayName = "KendoReactMultiViewCalendar";
 X(v);
 q(v);
 export {
-  de as MultiViewCalendar,
-  ce as MultiViewCalendarPropsContext,
+  me as MultiViewCalendar,
+  pe as MultiViewCalendarPropsContext,
   v as MultiViewCalendarWithoutContext
 };

package/dateinput/DateInput.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ve=require("react"),e=require("prop-types"),I=require("@progress/kendo-date-math"),$=require("@progress/kendo-react-buttons"),G=require("@progress/kendo-svg-icons"),Z=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-common"),pe=require("@progress/kendo-react-labels"),Le=require("@progress/kendo-dateinputs-common"),q=require("./utils.js"),Ne=require("../package-metadata.js"),u=require("../utils.js"),c=require("../messages/index.js"),Ae=require("../timepicker/utils.js"),_e=require("../common/ClearButton.js"),Be=require("./dateInputIntl.js");function je(t){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const m in t)if(m!=="default"){const O=Object.getOwnPropertyDescriptor(t,m);Object.defineProperty(b,m,O.get?O:{enumerable:!0,get:()=>t[m]})}}return b.default=t,Object.freeze(b)}const a=je(Ve),Fe="Please enter a valid value!",p=a.forwardRef((t,b)=>{var Y;i.validatePackage(Ne.packageMetadata);const m=i.useId(t.id),O=Z.useInternationalization(),E=Z.useLocalization(),Q=i.useUnstyled(),L=i.usePropsContext(V,t).unstyled||Q,{format:P=r.format,size:ee=r.size,rounded:te=r.rounded,fillMode:ne=r.fillMode,formatPlaceholder:ae=r.formatPlaceholder,spinners:re=r.spinners,disabled:C=r.disabled,min:le=r.min,max:ie=r.max,minTime:ue=r.minTime,maxTime:oe=r.maxTime,validityStyles:se=r.validityStyles,validationMessage:N=r.validationMessage,placeholder:y=r.placeholder,enableMouseWheel:ce=r.enableMouseWheel,autoCorrectParts:de=r.autoCorrectParts,autoSwitchParts:fe=r.autoSwitchParts,allowCaretMode:me=r.allowCaretMode,twoDigitYearMax:ge=r.twoDigitYearMax,ariaHasPopup:ve=r.ariaHasPopup,autoFocus:be=r.autoFocus}=i.usePropsContext(V,t),g=()=>w.current!==void 0?w.current:o.current&&o.current.value,A=()=>{const n=o.current&&o.current.currentText||"",l=g();return y!=null&&!Pe.focused&&!l?y:n},_=()=>t.required!==void 0?t.required:!1,R=()=>{const n=g()||t.value,l=le,X=ie,Te=q.isInRange(n,l,X)&&Ae.isInTimeRange(n,ue,oe),Se=N!==void 0,ke=(!_()||n!=null)&&Te,qe=t.valid!==void 0?t.valid:ke;return{customError:Se,rangeOverflow:n&&X.getTime()<n.getTime()||!1,rangeUnderflow:n&&n.getTime()<l.getTime()||!1,valid:qe,valueMissing:n===null}},ye=()=>{s.current&&s.current.focus()},B=()=>new Be.DateInputIntl(O),x=()=>{const n=g();return{format:P,steps:t.steps,formatPlaceholder:ae,placeholder:y,selectPreviousSegmentOnBackspace:!0,value:t.value||n,intlService:B(),autoFill:t.autoFill!==void 0?t.autoFill:!1,enableMouseWheel:ce,autoCorrectParts:de,autoSwitchParts:fe,autoSwitchKeys:t.autoSwitchKeys||[],twoDigitYearMax:ge,allowCaretMode:me}},he=n=>{d.current&&d.current.classList.add("k-focus"),U({focused:!0})},De=n=>{d.current&&d.current.classList.remove("k-focus"),U({focused:!1})},Ie=(n,l)=>typeof n!=typeof l?!0:typeof n=="string"&&typeof l=="string"?n!==l:typeof n=="object"&&typeof l=="object"?JSON.stringify(n)!==JSON.stringify(l):!1,Oe=n=>typeof n=="string"?n:{inputFormat:n,displayFormat:n},j=n=>{w.current=g(),Re(),v.current=n,w.current=void 0},F=n=>{t.onChange&&t.onChange(n)},H=n=>{i.getActiveElement(document)===s.current&&n.preventDefault()},Ee=()=>new Le.DateInput(s.current,{...x(),format:Oe(x().format),events:{focus:he,blur:De,valueChange:j,click:F}}),z=()=>{s.current&&s.current.setCustomValidity&&s.current.setCustomValidity(R().valid?"":N||r.validationMessage)},Ce=n=>{!s.current||!o.current||j(n)},xe=n=>{n.preventDefault();const l=i.getActiveElement(document);s.current&&l!==s.current&&s.current.focus({preventScroll:!0})},f=n=>{const l=g();v.current&&t.onChange&&!I.isEqual(v.current.oldValue,l)&&t.onChange.call(void 0,{syntheticEvent:n,nativeEvent:v.current.event,value:v.current.value,target:M.current}),v.current=null},Me=n=>{var l;(l=o.current)==null||l.modifyDateSegmentValue(1),f(n)},we=n=>{var l;(l=o.current)==null||l.modifyDateSegmentValue(-1),f(n)},M=a.useRef(null),s=a.useRef(null),d=a.useRef(null);a.useImperativeHandle(M,()=>({props:t,get options(){return x()},get text(){return A()},get element(){return s.current},get name(){return t.name},get value(){return g()},get validity(){return R()},focus:ye,updateOnPaste:Ce})),a.useImperativeHandle(b,()=>M.current);const o=a.useRef(null),T=a.useRef(null),S=a.useRef(!1),w=a.useRef(null),v=a.useRef(null),h=a.useRef(t),[Pe,U]=a.useState({focused:!1}),[,Re]=a.useReducer(n=>n+1,0);a.useLayoutEffect(()=>{S.current||(o.current=Ee(),T.current=o.current.dateObject,S.current=!0)},[]),a.useEffect(()=>(z(),S.current||d.current&&d.current.addEventListener("wheel",H,{passive:!1}),()=>{d.current&&d.current.removeEventListener("wheel",H)}),[]),a.useEffect(()=>{z(),o.current&&((Ie(h.current.format,P)||h.current.readonly!==t.readonly||JSON.stringify(h.current.steps)!==JSON.stringify(t.steps)||B().locale!==o.current.options.intlService.locale)&&o.current.setOptions(x(),!0),h.current.value!==t.value&&(T.current.getValue()!==null||t.value!==null)&&T.current.setValue(t.value),t.ariaExpanded!==void 0&&t.ariaExpanded&&(o.current.options.placeholder=null),t.ariaExpanded!==void 0&&!t.ariaExpanded&&(o.current.options.placeholder=y),o.current.refreshElementValue(),h.current={format:P,readonly:t.readonly,ariaExpanded:t.ariaExpanded,steps:t.steps,value:t.value})});const W=t.id||m+"-accessibility-id",D=L&&L.uDateInput,K=A(),k=!se||R().valid;a.useImperativeHandle(t._ref,()=>M.current);const J=a.createElement("span",{ref:n=>d.current=n,style:t.label?void 0:{width:t.width},dir:t.dir,className:i.classNames(i.uDateInput.wrapper({c:D,size:ee,fillMode:ne,rounded:te,disabled:C,required:_(),invalid:!k}),t.className)},a.createElement("input",{ref:n=>s.current=n,role:t.ariaRole||"textbox",readOnly:t.readonly,tabIndex:t.tabIndex||0,disabled:C,title:t.title!==void 0?t.title:K,type:"text",spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:be,className:i.classNames(i.uDateInput.inputInner({c:D})),id:W,value:K,"aria-label":t.ariaLabel,"aria-labelledby":t.ariaLabelledBy,"aria-describedby":t.ariaDescribedBy,"aria-haspopup":ve,"aria-disabled":C,"aria-expanded":t.ariaExpanded,"aria-controls":t.ariaControls,"aria-required":t.required,"aria-invalid":!k,onKeyDown:f,onChange:f,onWheel:f,onInput:f,onClick:f,name:t.name,...t.inputAttributes}),t.children,t.clearButton&&t.value&&a.createElement(_e,{onClick:F,key:"clearbutton"}),re&&a.createElement("span",{className:i.classNames(i.uDateInput.inputSpinner({c:D})),onMouseDown:xe},a.createElement($.Button,{tabIndex:-1,type:"button",rounded:null,className:i.classNames(i.uDateInput.spinnerIncrease({c:D})),icon:"caret-alt-up",svgIcon:G.caretAltUpIcon,"aria-label":E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),title:E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),onClick:Me}),a.createElement($.Button,{tabIndex:-1,type:"button",rounded:null,className:i.classNames(i.uDateInput.spinnerDecrease({c:D})),icon:"caret-alt-down",svgIcon:G.caretAltDownIcon,"aria-label":E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),title:E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),onClick:we})));return t.label?a.createElement(pe.FloatingLabel,{label:t.label,editorId:W,editorValue:(Y=s.current)==null?void 0:Y.value,editorValid:k,editorDisabled:C,children:J,style:{width:t.width}}):J});p.propTypes={value:e.instanceOf(Date),format:e.oneOfType([u.nullable(e.string),e.shape({skeleton:e.string,pattern:e.string,date:e.oneOf(["short","medium","long","full"]),time:e.oneOf(["short","medium","long","full"]),datetime:e.oneOf(["short","medium","long","full"]),era:e.oneOf(["narrow","short","long"]),year:e.oneOf(["numeric","2-digit"]),month:e.oneOf(["numeric","2-digit","narrow","short","long"]),day:e.oneOf(["numeric","2-digit"]),weekday:e.oneOf(["narrow","short","long"]),hour:e.oneOf(["numeric","2-digit"]),hour12:e.bool,minute:e.oneOf(["numeric","2-digit"]),second:e.oneOf(["numeric","2-digit"]),timeZoneName:e.oneOf(["short","long"])})]),formatPlaceholder:e.oneOfType([u.nullable(e.oneOf(["wide","narrow","short","formatPattern"])),e.shape({year:u.nullable(e.string),month:u.nullable(e.string),day:u.nullable(e.string),hour:u.nullable(e.string),minute:u.nullable(e.string),second:u.nullable(e.string)})]),width:e.oneOfType([e.string,e.number]),tabIndex:e.number,title:e.string,steps:e.shape({year:u.nullable(e.number),month:u.nullable(e.number),day:u.nullable(e.number),hour:u.nullable(e.number),minute:u.nullable(e.number),second:u.nullable(e.number)}),min:e.instanceOf(Date),max:e.instanceOf(Date),disabled:e.bool,spinners:e.bool,name:e.string,dir:e.string,label:e.string,id:e.string,ariaLabelledBy:e.string,ariaDescribedBy:e.string,ariaLabel:e.string,ariaRole:e.string,ariaHasPopup:e.oneOfType([e.bool,e.oneOf(["grid","dialog"])]),ariaExpanded:e.oneOfType([e.bool]),onChange:e.func,validationMessage:e.string,required:e.bool,valid:e.bool,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),autoFocus:e.bool,inputAttributes:e.object};const r={format:q.DEFAULT_FORMAT,size:"medium",rounded:"medium",fillMode:"solid",formatPlaceholder:q.DEFAULT_FORMAT_PLACEHOLDER,spinners:!1,disabled:!1,max:I.cloneDate(u.MAX_DATE),min:I.cloneDate(u.MIN_DATE),minTime:I.cloneDate(u.MIN_TIME),maxTime:I.cloneDate(u.MAX_TIME),validityStyles:!0,validationMessage:Fe,placeholder:null,enableMouseWheel:!0,autoCorrectParts:!0,autoSwitchParts:!0,allowCaretMode:!1,twoDigitYearMax:68,ariaHasPopup:"grid",autoFocus:!1},V=i.createPropsContext();p.displayName="KendoReactDateInput";exports.DateInput=p;exports.DateInputPropsContext=V;exports.dateInputDefaultProps=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ve=require("react"),e=require("prop-types"),I=require("@progress/kendo-date-math"),$=require("@progress/kendo-react-buttons"),G=require("@progress/kendo-svg-icons"),Z=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-common"),Le=require("@progress/kendo-react-labels"),Ne=require("@progress/kendo-dateinputs-common"),q=require("./utils.js"),u=require("../utils.js"),c=require("../messages/index.js"),pe=require("../timepicker/utils.js"),Ae=require("../common/ClearButton.js"),_e=require("./dateInputIntl.js");function Be(t){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const m in t)if(m!=="default"){const O=Object.getOwnPropertyDescriptor(t,m);Object.defineProperty(b,m,O.get?O:{enumerable:!0,get:()=>t[m]})}}return b.default=t,Object.freeze(b)}const a=Be(Ve),je="Please enter a valid value!",L=a.forwardRef((t,b)=>{var Y;const m=i.useId(t.id),O=Z.useInternationalization(),E=Z.useLocalization(),Q=i.useUnstyled(),N=i.usePropsContext(V,t).unstyled||Q,{format:R=r.format,size:ee=r.size,rounded:te=r.rounded,fillMode:ne=r.fillMode,formatPlaceholder:ae=r.formatPlaceholder,spinners:re=r.spinners,disabled:C=r.disabled,min:le=r.min,max:ue=r.max,minTime:ie=r.minTime,maxTime:oe=r.maxTime,validityStyles:se=r.validityStyles,validationMessage:p=r.validationMessage,placeholder:y=r.placeholder,enableMouseWheel:ce=r.enableMouseWheel,autoCorrectParts:de=r.autoCorrectParts,autoSwitchParts:fe=r.autoSwitchParts,allowCaretMode:me=r.allowCaretMode,twoDigitYearMax:ge=r.twoDigitYearMax,ariaHasPopup:ve=r.ariaHasPopup,autoFocus:be=r.autoFocus}=i.usePropsContext(V,t),g=()=>M.current!==void 0?M.current:o.current&&o.current.value,A=()=>{const n=o.current&&o.current.currentText||"",l=g();return y!=null&&!Re.focused&&!l?y:n},_=()=>t.required!==void 0?t.required:!1,P=()=>{const n=g()||t.value,l=le,X=ue,Te=q.isInRange(n,l,X)&&pe.isInTimeRange(n,ie,oe),Se=p!==void 0,ke=(!_()||n!=null)&&Te,qe=t.valid!==void 0?t.valid:ke;return{customError:Se,rangeOverflow:n&&X.getTime()<n.getTime()||!1,rangeUnderflow:n&&n.getTime()<l.getTime()||!1,valid:qe,valueMissing:n===null}},ye=()=>{s.current&&s.current.focus()},B=()=>new _e.DateInputIntl(O),x=()=>{const n=g();return{format:R,steps:t.steps,formatPlaceholder:ae,placeholder:y,selectPreviousSegmentOnBackspace:!0,value:t.value||n,intlService:B(),autoFill:t.autoFill!==void 0?t.autoFill:!1,enableMouseWheel:ce,autoCorrectParts:de,autoSwitchParts:fe,autoSwitchKeys:t.autoSwitchKeys||[],twoDigitYearMax:ge,allowCaretMode:me}},he=n=>{d.current&&d.current.classList.add("k-focus"),U({focused:!0})},De=n=>{d.current&&d.current.classList.remove("k-focus"),U({focused:!1})},Ie=(n,l)=>typeof n!=typeof l?!0:typeof n=="string"&&typeof l=="string"?n!==l:typeof n=="object"&&typeof l=="object"?JSON.stringify(n)!==JSON.stringify(l):!1,Oe=n=>typeof n=="string"?n:{inputFormat:n,displayFormat:n},j=n=>{M.current=g(),Pe(),v.current=n,M.current=void 0},F=n=>{t.onChange&&t.onChange(n)},H=n=>{i.getActiveElement(document)===s.current&&n.preventDefault()},Ee=()=>new Ne.DateInput(s.current,{...x(),format:Oe(x().format),events:{focus:he,blur:De,valueChange:j,click:F}}),z=()=>{s.current&&s.current.setCustomValidity&&s.current.setCustomValidity(P().valid?"":p||r.validationMessage)},Ce=n=>{!s.current||!o.current||j(n)},xe=n=>{n.preventDefault();const l=i.getActiveElement(document);s.current&&l!==s.current&&s.current.focus({preventScroll:!0})},f=n=>{const l=g();v.current&&t.onChange&&!I.isEqual(v.current.oldValue,l)&&t.onChange.call(void 0,{syntheticEvent:n,nativeEvent:v.current.event,value:v.current.value,target:w.current}),v.current=null},we=n=>{var l;(l=o.current)==null||l.modifyDateSegmentValue(1),f(n)},Me=n=>{var l;(l=o.current)==null||l.modifyDateSegmentValue(-1),f(n)},w=a.useRef(null),s=a.useRef(null),d=a.useRef(null);a.useImperativeHandle(w,()=>({props:t,get options(){return x()},get text(){return A()},get element(){return s.current},get name(){return t.name},get value(){return g()},get validity(){return P()},focus:ye,updateOnPaste:Ce})),a.useImperativeHandle(b,()=>w.current);const o=a.useRef(null),T=a.useRef(null),S=a.useRef(!1),M=a.useRef(null),v=a.useRef(null),h=a.useRef(t),[Re,U]=a.useState({focused:!1}),[,Pe]=a.useReducer(n=>n+1,0);a.useLayoutEffect(()=>{S.current||(o.current=Ee(),T.current=o.current.dateObject,S.current=!0)},[]),a.useEffect(()=>(z(),S.current||d.current&&d.current.addEventListener("wheel",H,{passive:!1}),()=>{d.current&&d.current.removeEventListener("wheel",H)}),[]),a.useEffect(()=>{z(),o.current&&((Ie(h.current.format,R)||h.current.readonly!==t.readonly||JSON.stringify(h.current.steps)!==JSON.stringify(t.steps)||B().locale!==o.current.options.intlService.locale)&&o.current.setOptions(x(),!0),h.current.value!==t.value&&(T.current.getValue()!==null||t.value!==null)&&T.current.setValue(t.value),t.ariaExpanded!==void 0&&t.ariaExpanded&&(o.current.options.placeholder=null),t.ariaExpanded!==void 0&&!t.ariaExpanded&&(o.current.options.placeholder=y),o.current.refreshElementValue(),h.current={format:R,readonly:t.readonly,ariaExpanded:t.ariaExpanded,steps:t.steps,value:t.value})});const W=t.id||m+"-accessibility-id",D=N&&N.uDateInput,K=A(),k=!se||P().valid;a.useImperativeHandle(t._ref,()=>w.current);const J=a.createElement("span",{ref:n=>d.current=n,style:t.label?void 0:{width:t.width},dir:t.dir,className:i.classNames(i.uDateInput.wrapper({c:D,size:ee,fillMode:ne,rounded:te,disabled:C,required:_(),invalid:!k}),t.className)},a.createElement("input",{ref:n=>s.current=n,role:t.ariaRole||"textbox",readOnly:t.readonly,tabIndex:t.tabIndex||0,disabled:C,title:t.title!==void 0?t.title:K,type:"text",spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:be,className:i.classNames(i.uDateInput.inputInner({c:D})),id:W,value:K,"aria-label":t.ariaLabel,"aria-labelledby":t.ariaLabelledBy,"aria-describedby":t.ariaDescribedBy,"aria-haspopup":ve,"aria-disabled":C,"aria-expanded":t.ariaExpanded,"aria-controls":t.ariaControls,"aria-required":t.required,"aria-invalid":!k,onKeyDown:f,onChange:f,onWheel:f,onInput:f,onClick:f,name:t.name,...t.inputAttributes}),t.children,t.clearButton&&t.value&&a.createElement(Ae,{onClick:F,key:"clearbutton"}),re&&a.createElement("span",{className:i.classNames(i.uDateInput.inputSpinner({c:D})),onMouseDown:xe},a.createElement($.Button,{tabIndex:-1,type:"button",rounded:null,className:i.classNames(i.uDateInput.spinnerIncrease({c:D})),icon:"caret-alt-up",svgIcon:G.caretAltUpIcon,"aria-label":E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),title:E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),onClick:we}),a.createElement($.Button,{tabIndex:-1,type:"button",rounded:null,className:i.classNames(i.uDateInput.spinnerDecrease({c:D})),icon:"caret-alt-down",svgIcon:G.caretAltDownIcon,"aria-label":E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),title:E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),onClick:Me})));return t.label?a.createElement(Le.FloatingLabel,{label:t.label,editorId:W,editorValue:(Y=s.current)==null?void 0:Y.value,editorValid:k,editorDisabled:C,children:J,style:{width:t.width}}):J});L.propTypes={value:e.instanceOf(Date),format:e.oneOfType([u.nullable(e.string),e.shape({skeleton:e.string,pattern:e.string,date:e.oneOf(["short","medium","long","full"]),time:e.oneOf(["short","medium","long","full"]),datetime:e.oneOf(["short","medium","long","full"]),era:e.oneOf(["narrow","short","long"]),year:e.oneOf(["numeric","2-digit"]),month:e.oneOf(["numeric","2-digit","narrow","short","long"]),day:e.oneOf(["numeric","2-digit"]),weekday:e.oneOf(["narrow","short","long"]),hour:e.oneOf(["numeric","2-digit"]),hour12:e.bool,minute:e.oneOf(["numeric","2-digit"]),second:e.oneOf(["numeric","2-digit"]),timeZoneName:e.oneOf(["short","long"])})]),formatPlaceholder:e.oneOfType([u.nullable(e.oneOf(["wide","narrow","short","formatPattern"])),e.shape({year:u.nullable(e.string),month:u.nullable(e.string),day:u.nullable(e.string),hour:u.nullable(e.string),minute:u.nullable(e.string),second:u.nullable(e.string)})]),width:e.oneOfType([e.string,e.number]),tabIndex:e.number,title:e.string,steps:e.shape({year:u.nullable(e.number),month:u.nullable(e.number),day:u.nullable(e.number),hour:u.nullable(e.number),minute:u.nullable(e.number),second:u.nullable(e.number)}),min:e.instanceOf(Date),max:e.instanceOf(Date),disabled:e.bool,spinners:e.bool,name:e.string,dir:e.string,label:e.string,id:e.string,ariaLabelledBy:e.string,ariaDescribedBy:e.string,ariaLabel:e.string,ariaRole:e.string,ariaHasPopup:e.oneOfType([e.bool,e.oneOf(["grid","dialog"])]),ariaExpanded:e.oneOfType([e.bool]),onChange:e.func,validationMessage:e.string,required:e.bool,valid:e.bool,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),autoFocus:e.bool,inputAttributes:e.object};const r={format:q.DEFAULT_FORMAT,size:"medium",rounded:"medium",fillMode:"solid",formatPlaceholder:q.DEFAULT_FORMAT_PLACEHOLDER,spinners:!1,disabled:!1,max:I.cloneDate(u.MAX_DATE),min:I.cloneDate(u.MIN_DATE),minTime:I.cloneDate(u.MIN_TIME),maxTime:I.cloneDate(u.MAX_TIME),validityStyles:!0,validationMessage:je,placeholder:null,enableMouseWheel:!0,autoCorrectParts:!0,autoSwitchParts:!0,allowCaretMode:!1,twoDigitYearMax:68,ariaHasPopup:"grid",autoFocus:!1},V=i.createPropsContext();L.displayName="KendoReactDateInput";exports.DateInput=L;exports.DateInputPropsContext=V;exports.dateInputDefaultProps=r;