@progress/kendo-react-dateinputs 15.2.0-develop.1 → 15.2.0-develop.3

package/calendar/components/View.mjs

@@ -6,118 +6,118 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as a from "react";
-import { weekInYear as re, cloneDate as h } from "@progress/kendo-date-math";
-import { useInternationalization as se } from "@progress/kendo-react-intl";
-import { CalendarCell as ce } from "./CalendarCell.mjs";
-import { CalendarWeekCell as ie } from "./CalendarWeekCell.mjs";
-import { CalendarViewEnum as M } from "../models/CalendarViewEnum.mjs";
-import { getToday as S, setTime as me } from "../../utils.mjs";
-import { WeekNamesService as ue } from "../services/WeekNamesService.mjs";
+import { weekInYear as se, cloneDate as p } from "@progress/kendo-date-math";
+import { useInternationalization as ce } from "@progress/kendo-react-intl";
+import { CalendarCell as ie } from "./CalendarCell.mjs";
+import { CalendarWeekCell as me } from "./CalendarWeekCell.mjs";
+import { CalendarViewEnum as S } from "../models/CalendarViewEnum.mjs";
+import { getToday as z, setTime as ue } from "../../utils.mjs";
+import { WeekNamesService as de } from "../services/WeekNamesService.mjs";
 import { classNames as r, uCalendar as s } from "@progress/kendo-react-common";
-const R = (k, f) => {
+const T = (k, f) => {
   const m = f;
   return /* @__PURE__ */ a.createElement("td", { key: k, role: "gridcell", className: r(s.td({ c: m, isEmpty: !0 })) }, " ");
-}, p = {
+}, C = {
   direction: "vertical",
-  selectedDate: S(),
+  selectedDate: z(),
   showWeekNumbers: !1
-}, Ee = (k) => {
+}, ye = (k) => {
   const {
     activeRangeEnd: f,
     activeView: m,
-    bus: T,
-    cellUID: z,
-    direction: L = p.direction,
-    focusedDate: q,
-    weekCell: C,
-    max: x,
-    weekDaysFormat: O,
-    min: P,
-    cell: D,
-    onCellEnter: E,
-    onCellLeave: y,
-    onChange: v,
-    onWeekSelect: N,
-    selectedDate: $ = p.selectedDate,
-    selectionRange: A,
+    bus: L,
+    cellUID: q,
+    direction: x = C.direction,
+    focusedDate: O,
+    weekCell: D,
+    max: P,
+    weekDaysFormat: $,
+    min: A,
+    cell: E,
+    onCellEnter: y,
+    onCellLeave: v,
+    onChange: N,
+    onWeekSelect: g,
+    selectedDate: B = C.selectedDate,
+    selectionRange: F,
     service: w,
-    showWeekNumbers: B = p.showWeekNumbers,
-    showOtherMonthDays: F,
-    viewDate: g,
-    allowReverse: H,
+    showWeekNumbers: H = C.showWeekNumbers,
+    showOtherMonthDays: K,
+    viewDate: W,
+    allowReverse: U,
     unstyled: d
-  } = k, W = L === "horizontal", K = m === M.month, u = !!(B && m === M.month), U = (e, t) => {
-    if (v && t) {
+  } = k, h = x === "horizontal", b = m === S.month, u = !!(H && m === S.month), Y = (e, t) => {
+    if (N && t) {
       const l = {
-        value: h(e),
+        value: p(e),
         target: null,
         nativeEvent: t == null ? void 0 : t.nativeEvent,
         syntheticEvent: t
       };
-      v(l);
+      N(l);
     }
-  }, Y = (e, t, l) => {
+  }, j = (e, t, l) => {
     const o = t.findIndex((n) => (n == null ? void 0 : n.value) === e);
-    N && l && N(e, o, l);
-  }, j = (e) => {
-    E && E(h(e));
+    g && l && g(e, o, l);
   }, G = (e) => {
-    y && y(h(e));
-  }, b = se(), J = new ue(b), c = d && d.uCalendar, Q = (e) => u ? re(e, b.firstDay()) : null, X = (e) => {
+    y && y(p(e));
+  }, J = (e) => {
+    v && v(p(e));
+  }, V = ce(), I = new de(V), c = d && d.uCalendar, Q = (e) => u ? se(e, V.firstDay()) : null, X = (e) => {
     if (!u)
       return null;
     let t = 0, l = e[t];
     for (; !l && t < e.length; )
       l = e[++t];
     return l;
-  }, V = (e) => {
+  }, M = (e) => {
     const t = X(e);
     return t ? t.value : null;
   }, Z = (e, t) => {
-    if (!V(e))
-      return R(`week-cell-${t}`);
-    const o = V(e), n = Q(o), i = `kendo-react-calendar-week-cell-${n}`, I = {
+    if (!M(e))
+      return T(`week-cell-${t}`);
+    const o = M(e), n = Q(o), i = `kendo-react-calendar-week-cell-${n}`, R = {
       value: n,
       firstDate: o,
       weekDays: e,
       unstyled: d,
-      onClick: Y
+      onClick: j
     };
-    return C ? /* @__PURE__ */ a.createElement(C, { ...I, key: i }, n) : /* @__PURE__ */ a.createElement(ie, { ...I, key: i }, n);
+    return D ? /* @__PURE__ */ a.createElement(D, { ...R, key: i }, n) : /* @__PURE__ */ a.createElement(me, { ...R, key: i }, n);
   }, _ = (e) => e.map((t, l) => {
     if (!t)
-      return R(l);
-    const o = { "aria-selected": t.isSelected }, n = `kendo-react-calendar-cell-${t.value.getTime()}`, i = {
+      return T(l);
+    const o = { "aria-selected": t.isSelected ? !0 : void 0, role: "gridcell" }, n = `kendo-react-calendar-cell-${t.value.getTime()}`, i = {
       ...o,
       ...t,
       isDisabled: !t.isInRange,
       view: m,
-      showOtherMonthDays: F,
-      allowReverse: H,
+      showOtherMonthDays: K,
+      allowReverse: U,
       activeRangeEnd: f,
       unstyled: d,
-      onClick: U,
-      onMouseEnter: j,
-      onMouseLeave: G
+      onClick: Y,
+      onMouseEnter: G,
+      onMouseLeave: J
     };
-    return D ? /* @__PURE__ */ a.createElement(D, { ...i, key: n }, t.formattedValue) : /* @__PURE__ */ a.createElement(ce, { ...i, key: n }, t.formattedValue);
-  }), ee = J.getWeekNames(u, O), te = w.rowLength(u), ne = w.title(g), ae = S(), le = me(g, ae), oe = w.data({
-    cellUID: z,
-    min: P,
-    max: x,
-    focusedDate: q,
-    isActiveView: !T.canMoveDown(m),
-    selectedDate: $,
-    selectionRange: A,
-    viewDate: le
+    return E ? /* @__PURE__ */ a.createElement(E, { ...i, key: n }, t.formattedValue) : /* @__PURE__ */ a.createElement(ie, { ...i, key: n }, t.formattedValue);
+  }), ee = I.getWeekNames(u, $), te = b && h ? I.getWeekNames(u, "wide") : [], ne = w.rowLength(u), ae = w.title(W), le = z(), oe = ue(W, le), re = w.data({
+    cellUID: q,
+    min: A,
+    max: P,
+    focusedDate: O,
+    isActiveView: !L.canMoveDown(m),
+    selectedDate: B,
+    selectionRange: F,
+    viewDate: oe
   });
-  return /* @__PURE__ */ a.createElement(a.Fragment, null, K && W && /* @__PURE__ */ a.createElement("thead", { className: r(s.thead({ c })) }, /* @__PURE__ */ a.createElement("tr", { role: "row", className: r(s.tr({ c })) }, ee.map((e) => /* @__PURE__ */ a.createElement("th", { key: e, className: r(s.th({ c })) }, e)))), /* @__PURE__ */ a.createElement("tbody", { className: r(s.tbody({ c })) }, !W && /* @__PURE__ */ a.createElement("tr", { className: r(s.tr({ c })) }, /* @__PURE__ */ a.createElement("th", { scope: "col", colSpan: te, className: r(s.caption({ c })) }, ne)), oe.map((e, t) => {
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, b && h && /* @__PURE__ */ a.createElement("thead", { className: r(s.thead({ c })), role: "rowgroup" }, /* @__PURE__ */ a.createElement("tr", { role: "row", className: r(s.tr({ c })) }, ee.map((e, t) => /* @__PURE__ */ a.createElement("th", { key: e, className: r(s.th({ c })), role: "columnheader", "aria-label": te[t] }, e)))), /* @__PURE__ */ a.createElement("tbody", { className: r(s.tbody({ c })), role: "rowgroup" }, !h && /* @__PURE__ */ a.createElement("tr", { className: r(s.tr({ c })), "aria-hidden": !0, role: "row" }, /* @__PURE__ */ a.createElement("th", { scope: "col", colSpan: ne, className: r(s.caption({ c })) }, ae)), re.map((e, t) => {
     var o, n;
     const l = (n = (o = e.find((i) => i != null)) == null ? void 0 : o.value.getTime()) != null ? n : t;
     return /* @__PURE__ */ a.createElement("tr", { role: "row", className: r(s.tr({ c })), key: l }, u && Z(e, t), _(e));
   })));
 };
 export {
-  Ee as View,
-  p as viewDefaultProps
+  ye as View,
+  C as viewDefaultProps
 };

package/calendar/components/ViewList.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 Ee=require("react"),r=require("@progress/kendo-react-common"),b=require("@progress/kendo-date-math"),De=require("@progress/kendo-react-intl"),Se=require("../../virtualization/Virtualization.js"),Ve=require("./View.js"),be=require("./Header.js"),Ne=require("../services/WeekNamesService.js"),N=require("../../utils.js"),f=require("../models/CalendarViewEnum.js"),Te=require("./TodayCommand.js");function Ie(l){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const i in l)if(i!=="default"){const E=Object.getOwnPropertyDescriptor(l,i);Object.defineProperty(C,i,E.get?E:{enumerable:!0,get:()=>l[i]})}}return C.default=l,Object.freeze(C)}const t=Ie(Ee),qe=5,R={take:qe,showWeekNumbers:!1,weekDaysFormat:"short",smoothScroll:!0},Q=t.forwardRef((l,C)=>{const{take:i=R.take,showWeekNumbers:E=R.showWeekNumbers,weekDaysFormat:X=R.weekDaysFormat,smoothScroll:Z=R.smoothScroll,activeView:n,bus:W,cellUID:M,dom:o,focusedDate:h,max:u,min:a,cell:ee,onScroll:te,onChange:P,service:s,value:ne,weekCell:ae,showOtherMonthDays:re,headerTitle:se,header:ce,shouldScroll:j,tabIndex:k,unstyled:w}=l,T=!!(E&&n===f.CalendarViewEnum.month),oe=N.isInRange(N.getToday(),b.getDate(a),b.getDate(u)),A=()=>{if(!m.current)return;const e=m.current.querySelector("td.k-focus"),c=m.current.querySelector(".k-state-pending-focus");e&&e[0]&&e[0].classList.remove("k-focus"),c&&c.classList.add("k-focus"),H.current=!0},le=()=>{if(!m.current)return;const e=m.current.querySelector("td.k-focus");e&&e.classList.remove("k-focus"),H.current=!1},F=(e,c=!1)=>{if(P){const v={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:b.cloneDate(e.value),target:I.current,isTodayClick:c};P(v)}},ie=e=>{O.current=!0,F(e,!0)},ue=({index:e,scrollAction:c,pageAction:v})=>{const V=v?v.skip:void 0;if(me(y=>{const J=V!==void 0?V:y.skip;return y.index!==e||y.skip!==J?{index:e,skip:J}:y}),p.current&&c){const y=`translateY(${c.offset}px)`;p.current.style.transform=y}},de=e=>{if(d.current=e,d.current&&p.current){const c=-1*o.headerHeight;p.current.style.transform=`translateY(${c}px)`;const v=N.dateInRange(h,a,u),V=s.skip(v,a);d.current.scrollToIndex(V)}},d=t.useRef(null),I=t.useRef(null);t.useImperativeHandle(I,()=>({get element(){return m.current},get virtualization(){return d.current},focusActiveDate:A,blurActiveDate:le})),t.useImperativeHandle(C,()=>I.current);const m=t.useRef(null),p=t.useRef(null),q=t.useRef(n),_=t.useRef(h),H=t.useRef(!1),B=t.useRef(!0),O=t.useRef(!1),D=t.useRef(void 0),[Y,me]=t.useState(()=>{const e=s.skip(h,a);return{skip:e,index:e}});t.useEffect(()=>{if(O.current=!1,D.current!==void 0&&d.current){const e=!!(Z&&B.current);d.current[e?"animateToIndex":"scrollToIndex"](D.current)}H.current&&A(),q.current=n,D.current=void 0});const fe=De.useInternationalization(),he=new Ne.WeekNamesService(fe).getWeekNames(T,X),g=w&&w.uCalendar;let U=0,x=0,L=1;o&&(U=(n===f.CalendarViewEnum.month?o.scrollableContentHeight:o.scrollableYearContentHeight)-o.viewHeight(n),x=-1*o.headerHeight,L=o.viewHeight(n)||1);const ke=q.current!==n,S=N.dateInRange(h,a,u),z=ke?s.skip(S,a):Y.skip,$=s.total(a,u),we=Math.min($-z,i),ge=s.addToDate(a,z),ve=s.addToDate(a,Y.index),K=Array.from({length:s.rowLength(T)},(e,c)=>c),G=n!==q.current;B.current=!G,(G||!b.isEqualDate(_.current,S)||O.current||!j||j())&&(D.current=s.skip(S,a)),_.current=S;const ye=r.classNames(r.uCalendar.view({c:g,month:n===f.CalendarViewEnum.month,year:n===f.CalendarViewEnum.year,decade:n===f.CalendarViewEnum.decade,century:n===f.CalendarViewEnum.century})),Ce=t.createElement("table",{className:r.classNames(r.uCalendar.table({c:g})),ref:p,role:"grid",tabIndex:k!=null?k:0,"aria-activedescendant":M+h.getTime()},t.createElement("colgroup",null,K.map(e=>t.createElement("col",{key:e}))),s.datesList(ge,we).map(e=>t.createElement(Ve.View,{key:e.getTime(),activeView:n,viewDate:e,min:a,max:u,cellUID:M,focusedDate:h,cell:ee,selectedDate:ne,showWeekNumbers:T,onChange:F,bus:W,service:s,weekCell:ae,showOtherMonthDays:re,unstyled:w}))),pe=n===f.CalendarViewEnum.month?t.createElement("table",{key:"calendar-view-list-weekdays",className:r.classNames(r.uCalendar.table({c:g,weekdays:!0})),role:"grid",tabIndex:k},t.createElement("colgroup",null,K.map(e=>t.createElement("col",{key:e}))),t.createElement("thead",{className:r.classNames(r.uCalendar.thead({c:g}))},t.createElement("tr",{className:r.classNames(r.uCalendar.tr({c:g}))},he.map(e=>t.createElement("th",{key:e,className:r.classNames(r.uCalendar.th({c:g}))},e))))):null,Re=t.createElement(t.Fragment,null,t.createElement(be.Header,{key:"calendar-view-list-header",currentDate:ve,min:a,max:u,activeView:n,bus:W,service:s,headerTitle:se,header:ce,unstyled:w,commands:t.createElement(Te.TodayCommand,{min:a,max:u,onClick:ie,disabled:!oe,tabIndex:k,unstyled:w})}),pe,t.createElement(Se.Virtualization,{key:"calendar-view-list-content",skip:z,take:i,total:$,itemHeight:L,topOffset:x,bottomOffset:U,scrollOffsetSize:x,maxScrollDifference:L,onScroll:te,onScrollAction:ue,onMount:e=>!d.current&&de(e),tabIndex:k,unstyled:w},Ce));return t.createElement("div",{ref:m,className:ye},o.didCalculate?Re:null)});Q.displayName="KendoReactViewList";const He=Q;exports.ViewList=He;exports.viewListDefaultProps=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ve=require("react"),s=require("@progress/kendo-react-common"),S=require("@progress/kendo-date-math"),De=require("@progress/kendo-react-intl"),Ne=require("../../virtualization/Virtualization.js"),Se=require("./View.js"),Te=require("./Header.js"),Ie=require("../services/WeekNamesService.js"),T=require("../../utils.js"),l=require("../models/CalendarViewEnum.js"),qe=require("./TodayCommand.js");function He(i){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const u in i)if(u!=="default"){const R=Object.getOwnPropertyDescriptor(i,u);Object.defineProperty(C,u,R.get?R:{enumerable:!0,get:()=>i[u]})}}return C.default=i,Object.freeze(C)}const t=He(Ve),Oe=5,E={take:Oe,showWeekNumbers:!1,weekDaysFormat:"short",smoothScroll:!0},X=t.forwardRef((i,C)=>{const{take:u=E.take,showWeekNumbers:R=E.showWeekNumbers,weekDaysFormat:Z=E.weekDaysFormat,smoothScroll:ee=E.smoothScroll,activeView:n,bus:z,cellUID:M,dom:c,focusedDate:h,max:d,min:a,cell:te,onScroll:ne,onChange:P,service:o,value:ae,weekCell:re,showOtherMonthDays:se,headerTitle:oe,header:ce,shouldScroll:j,tabIndex:w,unstyled:k}=i,b=!!(R&&n===l.CalendarViewEnum.month),le=T.isInRange(T.getToday(),S.getDate(a),S.getDate(d)),A=()=>{if(!f.current)return;const e=f.current.querySelector("td.k-focus"),r=f.current.querySelector(".k-state-pending-focus");e&&e[0]&&e[0].classList.remove("k-focus"),r&&r.classList.add("k-focus"),H.current=!0},ie=()=>{if(!f.current)return;const e=f.current.querySelector("td.k-focus");e&&e.classList.remove("k-focus"),H.current=!1},F=(e,r=!1)=>{if(P){const v={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:S.cloneDate(e.value),target:I.current,isTodayClick:r};P(v)}},ue=e=>{O.current=!0,F(e,!0)},de=({index:e,scrollAction:r,pageAction:v})=>{const N=v?v.skip:void 0;if(fe(y=>{const Q=N!==void 0?N:y.skip;return y.index!==e||y.skip!==Q?{index:e,skip:Q}:y}),p.current&&r){const y=`translateY(${r.offset}px)`;p.current.style.transform=y}},me=e=>{if(m.current=e,m.current&&p.current){const r=-1*c.headerHeight;p.current.style.transform=`translateY(${r}px)`;const v=T.dateInRange(h,a,d),N=o.skip(v,a);m.current.scrollToIndex(N)}},m=t.useRef(null),I=t.useRef(null);t.useImperativeHandle(I,()=>({get element(){return f.current},get virtualization(){return m.current},focusActiveDate:A,blurActiveDate:ie})),t.useImperativeHandle(C,()=>I.current);const f=t.useRef(null),p=t.useRef(null),q=t.useRef(n),_=t.useRef(h),H=t.useRef(!1),B=t.useRef(!0),O=t.useRef(!1),V=t.useRef(void 0),[Y,fe]=t.useState(()=>{const e=o.skip(h,a);return{skip:e,index:e}});t.useEffect(()=>{if(O.current=!1,V.current!==void 0&&m.current){const e=!!(ee&&B.current);m.current[e?"animateToIndex":"scrollToIndex"](V.current)}H.current&&A(),q.current=n,V.current=void 0});const he=De.useInternationalization(),U=new Ie.WeekNamesService(he),we=U.getWeekNames(b,Z),ke=U.getWeekNames(b,"wide"),g=k&&k.uCalendar;let $=0,x=0,L=1;c&&($=(n===l.CalendarViewEnum.month?c.scrollableContentHeight:c.scrollableYearContentHeight)-c.viewHeight(n),x=-1*c.headerHeight,L=c.viewHeight(n)||1);const ge=q.current!==n,D=T.dateInRange(h,a,d),W=ge?o.skip(D,a):Y.skip,K=o.total(a,d),ve=Math.min(K-W,u),ye=o.addToDate(a,W),Ce=o.addToDate(a,Y.index),G=Array.from({length:o.rowLength(b)},(e,r)=>r),J=n!==q.current;B.current=!J,(J||!S.isEqualDate(_.current,D)||O.current||!j||j())&&(V.current=o.skip(D,a)),_.current=D;const pe=s.classNames(s.uCalendar.view({c:g,month:n===l.CalendarViewEnum.month,year:n===l.CalendarViewEnum.year,decade:n===l.CalendarViewEnum.decade,century:n===l.CalendarViewEnum.century})),Ee=t.createElement("table",{className:s.classNames(s.uCalendar.table({c:g})),ref:p,role:"grid",tabIndex:w!=null?w:0,"aria-activedescendant":n===l.CalendarViewEnum.month?M+h.getTime():void 0},t.createElement("colgroup",null,G.map(e=>t.createElement("col",{key:e}))),o.datesList(ye,ve).map(e=>t.createElement(Se.View,{key:e.getTime(),activeView:n,viewDate:e,min:a,max:d,cellUID:M,focusedDate:h,cell:te,selectedDate:ae,showWeekNumbers:b,onChange:F,bus:z,service:o,weekCell:re,showOtherMonthDays:se,unstyled:k}))),Re=n===l.CalendarViewEnum.month?t.createElement("table",{key:"calendar-view-list-weekdays",className:s.classNames(s.uCalendar.table({c:g,weekdays:!0})),role:"table",tabIndex:w},t.createElement("colgroup",null,G.map(e=>t.createElement("col",{key:e}))),t.createElement("thead",{className:s.classNames(s.uCalendar.thead({c:g})),role:"rowgroup"},t.createElement("tr",{className:s.classNames(s.uCalendar.tr({c:g})),role:"row"},we.map((e,r)=>t.createElement("th",{key:e,className:s.classNames(s.uCalendar.th({c:g})),"aria-label":ke[r],role:"columnheader"},e))))):null,be=t.createElement(t.Fragment,null,t.createElement(Te.Header,{key:"calendar-view-list-header",currentDate:Ce,min:a,max:d,activeView:n,bus:z,service:o,headerTitle:oe,header:ce,unstyled:k,commands:t.createElement(qe.TodayCommand,{min:a,max:d,onClick:ue,disabled:!le,tabIndex:w,unstyled:k})}),Re,t.createElement(Ne.Virtualization,{key:"calendar-view-list-content",skip:W,take:u,total:K,itemHeight:L,topOffset:x,bottomOffset:$,scrollOffsetSize:x,maxScrollDifference:L,onScroll:ne,onScrollAction:de,onMount:e=>!m.current&&me(e),tabIndex:w,role:"none",unstyled:k},Ee));return t.createElement("div",{ref:f,className:pe},c.didCalculate?be:null)});X.displayName="KendoReactViewList";const xe=X;exports.ViewList=xe;exports.viewListDefaultProps=E;

package/calendar/components/ViewList.mjs

@@ -7,213 +7,223 @@
  */
 import * as t from "react";
 import { classNames as p, uCalendar as v } from "@progress/kendo-react-common";
-import { getDate as K, isEqualDate as Se, cloneDate as Ce } from "@progress/kendo-date-math";
-import { useInternationalization as be } from "@progress/kendo-react-intl";
-import { Virtualization as Ne } from "../../virtualization/Virtualization.mjs";
-import { View as Ve } from "./View.mjs";
-import { Header as Te } from "./Header.mjs";
-import { WeekNamesService as xe } from "../services/WeekNamesService.mjs";
-import { isInRange as Ie, getToday as He, dateInRange as j } from "../../utils.mjs";
-import { CalendarViewEnum as u } from "../models/CalendarViewEnum.mjs";
-import { TodayCommand as Le } from "./TodayCommand.mjs";
-const Oe = 5, E = {
-  take: Oe,
+import { getDate as j, isEqualDate as be, cloneDate as Ne } from "@progress/kendo-date-math";
+import { useInternationalization as Ve } from "@progress/kendo-react-intl";
+import { Virtualization as Te } from "../../virtualization/Virtualization.mjs";
+import { View as xe } from "./View.mjs";
+import { Header as Ie } from "./Header.mjs";
+import { WeekNamesService as He } from "../services/WeekNamesService.mjs";
+import { isInRange as Le, getToday as We, dateInRange as G } from "../../utils.mjs";
+import { CalendarViewEnum as c } from "../models/CalendarViewEnum.mjs";
+import { TodayCommand as Oe } from "./TodayCommand.mjs";
+const ze = 5, C = {
+  take: ze,
   showWeekNumbers: !1,
   weekDaysFormat: "short",
   smoothScroll: !0
-}, G = t.forwardRef((J, Q) => {
+}, J = t.forwardRef((Q, X) => {
   const {
-    take: H = E.take,
-    showWeekNumbers: X = E.showWeekNumbers,
-    weekDaysFormat: Z = E.weekDaysFormat,
-    smoothScroll: ee = E.smoothScroll,
+    take: H = C.take,
+    showWeekNumbers: Z = C.showWeekNumbers,
+    weekDaysFormat: ee = C.weekDaysFormat,
+    smoothScroll: te = C.smoothScroll,
     activeView: n,
     bus: L,
-    cellUID: O,
-    dom: a,
+    cellUID: W,
+    dom: s,
     focusedDate: m,
-    max: c,
+    max: l,
     min: r,
-    cell: te,
-    onScroll: ne,
-    onChange: W,
-    service: o,
-    value: re,
-    weekCell: oe,
+    cell: ne,
+    onScroll: re,
+    onChange: O,
+    service: a,
+    value: oe,
+    weekCell: ae,
     showOtherMonthDays: se,
-    headerTitle: ae,
-    header: ce,
+    headerTitle: ce,
+    header: le,
     shouldScroll: z,
-    tabIndex: f,
-    unstyled: d
-  } = J, S = !!(X && n === u.month), le = Ie(He(), K(r), K(c)), A = () => {
-    if (!i.current)
+    tabIndex: d,
+    unstyled: f
+  } = Q, y = !!(Z && n === c.month), ie = Le(We(), j(r), j(l)), A = () => {
+    if (!u.current)
       return;
-    const e = i.current.querySelector("td.k-focus"), s = i.current.querySelector(".k-state-pending-focus");
-    e && e[0] && e[0].classList.remove("k-focus"), s && s.classList.add("k-focus"), N.current = !0;
-  }, ie = () => {
-    if (!i.current)
+    const e = u.current.querySelector("td.k-focus"), o = u.current.querySelector(".k-state-pending-focus");
+    e && e[0] && e[0].classList.remove("k-focus"), o && o.classList.add("k-focus"), N.current = !0;
+  }, ue = () => {
+    if (!u.current)
       return;
-    const e = i.current.querySelector("td.k-focus");
+    const e = u.current.querySelector("td.k-focus");
     e && e.classList.remove("k-focus"), N.current = !1;
-  }, F = (e, s = !1) => {
-    if (W) {
+  }, F = (e, o = !1) => {
+    if (O) {
       const k = {
         syntheticEvent: e.syntheticEvent,
         nativeEvent: e.nativeEvent,
-        value: Ce(e.value),
-        target: C.current,
-        isTodayClick: s
+        value: Ne(e.value),
+        target: S.current,
+        isTodayClick: o
       };
-      W(k);
+      O(k);
     }
-  }, ue = (e) => {
+  }, me = (e) => {
     V.current = !0, F(e, !0);
-  }, me = ({ index: e, scrollAction: s, pageAction: k }) => {
-    const D = k ? k.skip : void 0;
-    if (de((w) => {
-      const $ = D !== void 0 ? D : w.skip;
-      return w.index !== e || w.skip !== $ ? { index: e, skip: $ } : w;
-    }), g.current && s) {
-      const w = `translateY(${s.offset}px)`;
+  }, de = ({ index: e, scrollAction: o, pageAction: k }) => {
+    const E = k ? k.skip : void 0;
+    if (he((w) => {
+      const K = E !== void 0 ? E : w.skip;
+      return w.index !== e || w.skip !== K ? { index: e, skip: K } : w;
+    }), g.current && o) {
+      const w = `translateY(${o.offset}px)`;
       g.current.style.transform = w;
     }
   }, fe = (e) => {
-    if (l.current = e, l.current && g.current) {
-      const s = -1 * a.headerHeight;
-      g.current.style.transform = `translateY(${s}px)`;
-      const k = j(m, r, c), D = o.skip(k, r);
-      l.current.scrollToIndex(D);
+    if (i.current = e, i.current && g.current) {
+      const o = -1 * s.headerHeight;
+      g.current.style.transform = `translateY(${o}px)`;
+      const k = G(m, r, l), E = a.skip(k, r);
+      i.current.scrollToIndex(E);
     }
-  }, l = t.useRef(null), C = t.useRef(null);
+  }, i = t.useRef(null), S = t.useRef(null);
   t.useImperativeHandle(
-    C,
+    S,
     () => ({
       get element() {
-        return i.current;
+        return u.current;
       },
       get virtualization() {
-        return l.current;
+        return i.current;
       },
       focusActiveDate: A,
-      blurActiveDate: ie
+      blurActiveDate: ue
     })
-  ), t.useImperativeHandle(Q, () => C.current);
-  const i = t.useRef(null), g = t.useRef(null), b = t.useRef(n), q = t.useRef(m), N = t.useRef(!1), M = t.useRef(!0), V = t.useRef(!1), y = t.useRef(void 0), [B, de] = t.useState(() => {
-    const e = o.skip(m, r);
+  ), t.useImperativeHandle(X, () => S.current);
+  const u = t.useRef(null), g = t.useRef(null), b = t.useRef(n), q = t.useRef(m), N = t.useRef(!1), M = t.useRef(!0), V = t.useRef(!1), R = t.useRef(void 0), [B, he] = t.useState(() => {
+    const e = a.skip(m, r);
     return { skip: e, index: e };
   });
   t.useEffect(() => {
-    if (V.current = !1, y.current !== void 0 && l.current) {
-      const e = !!(ee && M.current);
-      l.current[e ? "animateToIndex" : "scrollToIndex"](y.current);
+    if (V.current = !1, R.current !== void 0 && i.current) {
+      const e = !!(te && M.current);
+      i.current[e ? "animateToIndex" : "scrollToIndex"](R.current);
     }
-    N.current && A(), b.current = n, y.current = void 0;
+    N.current && A(), b.current = n, R.current = void 0;
   });
-  const he = be(), ke = new xe(he).getWeekNames(S, Z), h = d && d.uCalendar;
-  let Y = 0, T = 0, x = 1;
-  a && (Y = (n === u.month ? a.scrollableContentHeight : a.scrollableYearContentHeight) - a.viewHeight(n), T = -1 * a.headerHeight, x = a.viewHeight(n) || 1);
-  const we = b.current !== n, R = j(m, r, c), I = we ? o.skip(R, r) : B.skip, P = o.total(r, c), pe = Math.min(P - I, H), ve = o.addToDate(r, I), ge = o.addToDate(r, B.index), U = Array.from({ length: o.rowLength(S) }, (e, s) => s), _ = n !== b.current;
-  M.current = !_, (_ || !Se(q.current, R) || V.current || !z || z()) && (y.current = o.skip(R, r)), q.current = R;
-  const ye = p(
+  const ke = Ve(), Y = new He(ke), we = Y.getWeekNames(y, ee), pe = Y.getWeekNames(y, "wide"), h = f && f.uCalendar;
+  let P = 0, T = 0, x = 1;
+  s && (P = (n === c.month ? s.scrollableContentHeight : s.scrollableYearContentHeight) - s.viewHeight(n), T = -1 * s.headerHeight, x = s.viewHeight(n) || 1);
+  const ve = b.current !== n, D = G(m, r, l), I = ve ? a.skip(D, r) : B.skip, U = a.total(r, l), ge = Math.min(U - I, H), ye = a.addToDate(r, I), Re = a.addToDate(r, B.index), _ = Array.from({ length: a.rowLength(y) }, (e, o) => o), $ = n !== b.current;
+  M.current = !$, ($ || !be(q.current, D) || V.current || !z || z()) && (R.current = a.skip(D, r)), q.current = D;
+  const De = p(
     v.view({
       c: h,
-      month: n === u.month,
-      year: n === u.year,
-      decade: n === u.decade,
-      century: n === u.century
+      month: n === c.month,
+      year: n === c.year,
+      decade: n === c.decade,
+      century: n === c.century
     })
-  ), Re = /* @__PURE__ */ t.createElement(
+  ), Ee = /* @__PURE__ */ t.createElement(
     "table",
     {
       className: p(v.table({ c: h })),
       ref: g,
       role: "grid",
-      tabIndex: f != null ? f : 0,
-      "aria-activedescendant": O + m.getTime()
+      tabIndex: d != null ? d : 0,
+      "aria-activedescendant": n === c.month ? W + m.getTime() : void 0
     },
-    /* @__PURE__ */ t.createElement("colgroup", null, U.map((e) => /* @__PURE__ */ t.createElement("col", { key: e }))),
-    o.datesList(ve, pe).map((e) => /* @__PURE__ */ t.createElement(
-      Ve,
+    /* @__PURE__ */ t.createElement("colgroup", null, _.map((e) => /* @__PURE__ */ t.createElement("col", { key: e }))),
+    a.datesList(ye, ge).map((e) => /* @__PURE__ */ t.createElement(
+      xe,
       {
         key: e.getTime(),
         activeView: n,
         viewDate: e,
         min: r,
-        max: c,
-        cellUID: O,
+        max: l,
+        cellUID: W,
         focusedDate: m,
-        cell: te,
-        selectedDate: re,
-        showWeekNumbers: S,
+        cell: ne,
+        selectedDate: oe,
+        showWeekNumbers: y,
         onChange: F,
         bus: L,
-        service: o,
-        weekCell: oe,
+        service: a,
+        weekCell: ae,
         showOtherMonthDays: se,
-        unstyled: d
+        unstyled: f
       }
     ))
-  ), De = n === u.month ? /* @__PURE__ */ t.createElement(
+  ), Ce = n === c.month ? /* @__PURE__ */ t.createElement(
     "table",
     {
       key: "calendar-view-list-weekdays",
       className: p(v.table({ c: h, weekdays: !0 })),
-      role: "grid",
-      tabIndex: f
+      role: "table",
+      tabIndex: d
     },
-    /* @__PURE__ */ t.createElement("colgroup", null, U.map((e) => /* @__PURE__ */ t.createElement("col", { key: e }))),
-    /* @__PURE__ */ t.createElement("thead", { className: p(v.thead({ c: h })) }, /* @__PURE__ */ t.createElement("tr", { className: p(v.tr({ c: h })) }, ke.map((e) => /* @__PURE__ */ t.createElement("th", { key: e, className: p(v.th({ c: h })) }, e))))
-  ) : null, Ee = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-    Te,
+    /* @__PURE__ */ t.createElement("colgroup", null, _.map((e) => /* @__PURE__ */ t.createElement("col", { key: e }))),
+    /* @__PURE__ */ t.createElement("thead", { className: p(v.thead({ c: h })), role: "rowgroup" }, /* @__PURE__ */ t.createElement("tr", { className: p(v.tr({ c: h })), role: "row" }, we.map((e, o) => /* @__PURE__ */ t.createElement(
+      "th",
+      {
+        key: e,
+        className: p(v.th({ c: h })),
+        "aria-label": pe[o],
+        role: "columnheader"
+      },
+      e
+    ))))
+  ) : null, Se = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    Ie,
     {
       key: "calendar-view-list-header",
-      currentDate: ge,
+      currentDate: Re,
       min: r,
-      max: c,
+      max: l,
       activeView: n,
       bus: L,
-      service: o,
-      headerTitle: ae,
-      header: ce,
-      unstyled: d,
+      service: a,
+      headerTitle: ce,
+      header: le,
+      unstyled: f,
       commands: /* @__PURE__ */ t.createElement(
-        Le,
+        Oe,
         {
           min: r,
-          max: c,
-          onClick: ue,
-          disabled: !le,
-          tabIndex: f,
-          unstyled: d
+          max: l,
+          onClick: me,
+          disabled: !ie,
+          tabIndex: d,
+          unstyled: f
         }
       )
     }
-  ), De, /* @__PURE__ */ t.createElement(
-    Ne,
+  ), Ce, /* @__PURE__ */ t.createElement(
+    Te,
     {
       key: "calendar-view-list-content",
       skip: I,
       take: H,
-      total: P,
+      total: U,
       itemHeight: x,
       topOffset: T,
-      bottomOffset: Y,
+      bottomOffset: P,
       scrollOffsetSize: T,
       maxScrollDifference: x,
-      onScroll: ne,
-      onScrollAction: me,
-      onMount: (e) => !l.current && fe(e),
-      tabIndex: f,
-      unstyled: d
+      onScroll: re,
+      onScrollAction: de,
+      onMount: (e) => !i.current && fe(e),
+      tabIndex: d,
+      role: "none",
+      unstyled: f
     },
-    Re
+    Ee
   ));
-  return /* @__PURE__ */ t.createElement("div", { ref: i, className: ye }, a.didCalculate ? Ee : null);
+  return /* @__PURE__ */ t.createElement("div", { ref: u, className: De }, s.didCalculate ? Se : null);
 });
-G.displayName = "KendoReactViewList";
-const $e = G;
+J.displayName = "KendoReactViewList";
+const Ke = J;
 export {
-  $e as ViewList,
-  E as viewListDefaultProps
+  Ke as ViewList,
+  C as viewListDefaultProps
 };

package/calendar/models/WeekDaysFormat.d.ts

@@ -8,4 +8,4 @@
 /**
  * Specifies the possible format options for the displayed Calendar week days' names.
  */
-export type WeekDaysFormat = 'short' | 'narrow' | 'abbreviated';
+export type WeekDaysFormat = 'short' | 'narrow' | 'abbreviated' | 'wide';

package/common/AdaptiveMode.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 v=require("react"),c=require("@progress/kendo-react-layout"),h=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),k=require("@progress/kendo-react-common");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=x(v),C=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:m,title:p,subTitle:f,onClose:r}=t,g=()=>n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",size:"large",themeColor:"primary",svgIcon:h.checkIcon,onClick:r}),l=k.useAdaptiveModeContext(),y={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:m!==!1,suffixActions:g(),filter:o,onClose:r,animationStyles:l&&a<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:p,subTitle:f,className:"k-adaptive-actionsheet",position:l&&a<=l.small?"fullscreen":void 0};return n.createElement(c.ActionSheet,{...y},s,e&&n.createElement(c.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),c=require("@progress/kendo-react-layout"),x=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),C=require("@progress/kendo-react-common");function k(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const a=k(h),A=t=>{const{footer:e,id:n,windowWidth:o=0,mobileFilter:s,children:u,navigatable:d,navigatableElements:p,expand:m,animation:b,title:f,subTitle:g,onClose:r}=t,y=()=>a.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel",type:"button",fillMode:"flat",size:"large",themeColor:"primary",svgIcon:x.checkIcon,onClick:r}),l=C.useAdaptiveModeContext(),v={id:n,navigatable:d||!1,navigatableElements:p||[],expand:m,animation:b!==!1,suffixActions:y(),filter:s,onClose:r,animationStyles:l&&o<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:f,subTitle:g,className:"k-adaptive-actionsheet",position:l&&o<=l.small?"fullscreen":void 0};return a.createElement(c.ActionSheet,{...v},u,e&&a.createElement(c.ActionSheetFooter,null,a.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,type:"button",onClick:e.onCancel},e.cancelText),a.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=A;