@progress/kendo-react-dateinputs 7.5.0-develop.1 → 7.5.0-develop.11

package/calendar/components/ViewList.mjs

@@ -9,17 +9,18 @@
 import * as s from "react";
 import o from "prop-types";
 import { classNames as g } from "@progress/kendo-react-common";
-import { cloneDate as x, getDate as d, isEqualDate as D } from "@progress/kendo-date-math";
-import { provideIntlService as y, registerForIntl as V } from "@progress/kendo-react-intl";
-import { Virtualization as S } from "../../virtualization/Virtualization.mjs";
+import { cloneDate as D, getDate as d, isEqualDate as x } from "@progress/kendo-date-math";
+import { provideIntlService as y, registerForIntl as S } from "@progress/kendo-react-intl";
+import { Virtualization as V } from "../../virtualization/Virtualization.mjs";
 import { View as I } from "./View.mjs";
 import { Header as T } from "./Header.mjs";
-import { dateInRange as u, shiftWeekNames as C, isInRange as E, getToday as N } from "../../utils.mjs";
-import { CalendarViewEnum as l } from "../models/CalendarViewEnum.mjs";
-import { TodayCommand as O } from "./TodayCommand.mjs";
-const H = 5, h = class h extends s.Component {
-  constructor(r) {
-    super(r), this.virtualization = null, this.calendarView = null, this.table = null, this.intl = null, this.bottomOffset = 0, this.viewOffset = 0, this.viewHeight = 0, this._element = null, this.isActive = !1, this.animateToIndex = !0, this.shouldScroll = !1, this.focusActiveDate = () => {
+import { WeekNamesService as N } from "../services/WeekNamesService.mjs";
+import { dateInRange as u, shiftWeekNames as C, isInRange as E, getToday as O } from "../../utils.mjs";
+import { CalendarViewEnum as n } from "../models/CalendarViewEnum.mjs";
+import { TodayCommand as H } from "./TodayCommand.mjs";
+const z = 5, h = class h extends s.Component {
+  constructor(l) {
+    super(l), this.virtualization = null, this.calendarView = null, this.table = null, this.intl = null, this.bottomOffset = 0, this.viewOffset = 0, this.viewHeight = 0, this._element = null, this.isActive = !1, this.animateToIndex = !0, this.shouldScroll = !1, this.weekService = null, this.focusActiveDate = () => {
       if (!this._element)
         return;
       const e = this._element.querySelector("td.k-focus"), t = this._element.querySelector(".k-state-pending-focus");
@@ -56,12 +57,12 @@ const H = 5, h = class h extends s.Component {
           tabIndex: this.props.tabIndex,
           "aria-activedescendant": i + this.props.focusedDate.getTime()
         },
-        /* @__PURE__ */ s.createElement("colgroup", null, e.map((a, n) => /* @__PURE__ */ s.createElement("col", { key: n }))),
+        /* @__PURE__ */ s.createElement("colgroup", null, e.map((a, r) => /* @__PURE__ */ s.createElement("col", { key: r }))),
         t.map((a) => /* @__PURE__ */ s.createElement(
           I,
           {
-            ref: (n) => {
-              this.calendarView || (this.calendarView = n);
+            ref: (r) => {
+              this.calendarView || (this.calendarView = r);
             },
             key: a.getTime(),
             activeView: this.props.activeView,
@@ -83,13 +84,13 @@ const H = 5, h = class h extends s.Component {
     }, this.calculateHeights = () => {
       if (!this.props.dom)
         return;
-      const e = this.props.activeView === l.month ? this.props.dom.scrollableContentHeight : this.props.dom.scrollableYearContentHeight;
+      const e = this.props.activeView === n.month ? this.props.dom.scrollableContentHeight : this.props.dom.scrollableYearContentHeight;
       this.bottomOffset = e - this.props.dom.viewHeight(this.props.activeView), this.viewOffset = -1 * this.props.dom.headerHeight, this.viewHeight = this.props.dom.viewHeight(this.props.activeView) || 1;
     }, this.getTake = (e, t) => Math.min(t - e, this.take), this.handleScrollAction = ({ index: e, scrollAction: t, pageAction: i }) => {
       const a = i ? i.skip : this.state.skip;
       if ((this.state.index !== e || this.state.skip !== a) && this.setState({ index: e, skip: a }), this.table && t) {
-        const n = `translateY(${t.offset}px)`;
-        this.table.style.transform = n;
+        const r = `translateY(${t.offset}px)`;
+        this.table.style.transform = r;
       }
     }, this.handleTodayClick = (e) => {
       this.shouldScroll = !0, this.handleDateChange.call(void 0, e, !0);
@@ -99,7 +100,7 @@ const H = 5, h = class h extends s.Component {
         const a = {
           syntheticEvent: e.syntheticEvent,
           nativeEvent: e.nativeEvent,
-          value: x(e.value),
+          value: D(e.value),
           target: this,
           isTodayClick: t
         };
@@ -114,15 +115,12 @@ const H = 5, h = class h extends s.Component {
     return this._element;
   }
   get weekNames() {
-    this.intl = y(this);
-    const r = C(
-      this.intl.dateFormatNames({ nameType: "short", type: "days" }),
-      this.intl.firstDay()
-    );
-    return this.weekNumber ? [""].concat(r) : r;
+    this.intl = y(this), this.weekService = new N(this.intl);
+    const l = this.weekService.getWeekNames(this.weekNumber, this.props.weekDaysFormat), e = C(l, this.intl.firstDay());
+    return this.weekNumber ? [""].concat(e) : e;
   }
   get weekNumber() {
-    return !!(this.props.showWeekNumbers && this.props.activeView === l.month);
+    return !!(this.props.showWeekNumbers && this.props.activeView === n.month);
   }
   get take() {
     return this.props.take !== void 0 ? this.props.take : h.defaultProps.take;
@@ -131,28 +129,28 @@ const H = 5, h = class h extends s.Component {
     return !!(this.props.smoothScroll && this.animateToIndex);
   }
   get todayIsInRange() {
-    return E(N(), d(this.props.min), d(this.props.max));
+    return E(O(), d(this.props.min), d(this.props.max));
   }
-  componentDidUpdate(r, e) {
+  componentDidUpdate(l, e) {
     this.shouldScroll = !1, this.indexToScroll !== void 0 && this.virtualization && this.virtualization[this.animate ? "animateToIndex" : "scrollToIndex"](this.indexToScroll), this.isActive && this.focusActiveDate(), this.lastView = this.props.activeView, this.indexToScroll = void 0;
   }
   render() {
     this.calculateHeights();
-    const r = this.lastView !== this.props.activeView, e = u(this.props.focusedDate, this.props.min, this.props.max), t = r ? this.props.service.skip(e, this.props.min) : this.state.skip, i = this.props.service.total(this.props.min, this.props.max), a = this.getTake(t, i), n = this.props.service.addToDate(this.props.min, t), f = this.props.service.addToDate(this.props.min, this.state.index), p = new Array(this.props.service.rowLength(this.weekNumber)).fill(""), m = this.props.activeView !== this.lastView;
-    this.animateToIndex = !m, (m || !D(this.lastFocus, e) || this.shouldScroll || !this.props.shouldScroll || this.props.shouldScroll()) && (this.indexToScroll = this.props.service.skip(e, this.props.min)), this.lastFocus = e;
-    const v = g(
+    const l = this.lastView !== this.props.activeView, e = u(this.props.focusedDate, this.props.min, this.props.max), t = l ? this.props.service.skip(e, this.props.min) : this.state.skip, i = this.props.service.total(this.props.min, this.props.max), a = this.getTake(t, i), r = this.props.service.addToDate(this.props.min, t), v = this.props.service.addToDate(this.props.min, this.state.index), p = new Array(this.props.service.rowLength(this.weekNumber)).fill(""), m = this.props.activeView !== this.lastView;
+    this.animateToIndex = !m, (m || !x(this.lastFocus, e) || this.shouldScroll || !this.props.shouldScroll || this.props.shouldScroll()) && (this.indexToScroll = this.props.service.skip(e, this.props.min)), this.lastFocus = e;
+    const f = g(
       "k-calendar-view k-vstack",
       {
-        "k-calendar-monthview": this.props.activeView === l.month,
-        "k-calendar-yearview": this.props.activeView === l.year,
-        "k-calendar-decadeview": this.props.activeView === l.decade,
-        "k-calendar-centuryview": this.props.activeView === l.century
+        "k-calendar-monthview": this.props.activeView === n.month,
+        "k-calendar-yearview": this.props.activeView === n.year,
+        "k-calendar-decadeview": this.props.activeView === n.decade,
+        "k-calendar-centuryview": this.props.activeView === n.century
       }
-    ), w = this.buildDates(p, this.props.service.datesList(n, a)), k = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
+    ), k = this.buildDates(p, this.props.service.datesList(r, a)), w = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
       T,
       {
         key: "calendar-view-list-header",
-        currentDate: f,
+        currentDate: v,
         min: this.props.min,
         max: this.props.max,
         activeView: this.props.activeView,
@@ -160,7 +158,7 @@ const H = 5, h = class h extends s.Component {
         service: this.props.service,
         headerTitle: this.props.headerTitle,
         commands: /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
-          O,
+          H,
           {
             min: this.props.min,
             max: this.props.max,
@@ -170,8 +168,8 @@ const H = 5, h = class h extends s.Component {
           }
         ))
       }
-    ), this.props.activeView === l.month && this.buildMonthView(p, this.weekNames), /* @__PURE__ */ s.createElement(
-      S,
+    ), this.props.activeView === n.month && this.buildMonthView(p, this.weekNames), /* @__PURE__ */ s.createElement(
+      V,
       {
         key: "calendar-view-list-content",
         skip: t,
@@ -185,7 +183,7 @@ const H = 5, h = class h extends s.Component {
         onScroll: this.props.onScroll,
         onScrollAction: this.handleScrollAction,
         onMount: this.handleVirtualizationMount,
-        children: w,
+        children: k,
         tabIndex: this.props.tabIndex
       }
     ));
@@ -195,9 +193,9 @@ const H = 5, h = class h extends s.Component {
         ref: (b) => {
           this._element = b;
         },
-        className: v
+        className: f
       },
-      this.props.dom.didCalculate ? k : null
+      this.props.dom.didCalculate ? w : null
     );
   }
 };
@@ -215,14 +213,16 @@ h.propTypes = {
   value: o.instanceOf(Date),
   viewHeight: o.number,
   viewOffset: o.number,
+  weekDaysFormat: o.oneOf(["short", "abbreviated", "narrow"]),
   tabIndex: o.number
 }, h.defaultProps = {
-  take: H,
+  take: z,
   showWeekNumbers: !1,
+  weekDaysFormat: "short",
   smoothScroll: !0
 };
 let c = h;
-V(c);
+S(c);
 export {
   c as ViewList
 };

package/calendar/services/WeekNamesService.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../utils.js");class a{constructor(e){this.intl=e}getWeekNames(e=!1){const t=s.shiftWeekNames(this.intl.dateFormatNames({nameType:"short",type:"days"}),this.intl.firstDay());return e?[""].concat(t):t}}exports.WeekNamesService=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../utils.js");class c{constructor(e){this.intl=e}getWeekNames(e=!1,t){const s=i.shiftWeekNames(this.intl.dateFormatNames({nameType:t!=null?t:"short",type:"days"}),this.intl.firstDay());return e?[""].concat(s):s}}exports.WeekNamesService=c;

package/calendar/services/WeekNamesService.mjs

@@ -6,17 +6,17 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { shiftWeekNames as s } from "../../utils.mjs";
+import { shiftWeekNames as i } from "../../utils.mjs";
 class r {
   constructor(e) {
     this.intl = e;
   }
-  getWeekNames(e = !1) {
-    const t = s(
-      this.intl.dateFormatNames({ nameType: "short", type: "days" }),
+  getWeekNames(e = !1, t) {
+    const s = i(
+      this.intl.dateFormatNames({ nameType: t != null ? t : "short", type: "days" }),
       this.intl.firstDay()
     );
-    return e ? [""].concat(t) : t;
+    return e ? [""].concat(s) : s;
   }
 }
 export {