@progress/kendo-react-dateinputs 14.4.1 → 14.5.0-develop.2

package/calendar/components/View.mjs

@@ -5,145 +5,119 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as i from "react";
-import s from "prop-types";
-import { cloneDate as k, weekInYear as R } from "@progress/kendo-date-math";
-import { provideIntlService as M, registerForIntl as q } from "@progress/kendo-react-intl";
-import { CalendarCell as x } from "./CalendarCell.mjs";
-import { CalendarWeekCell as I } from "./CalendarWeekCell.mjs";
-import { CalendarViewEnum as D } from "../models/CalendarViewEnum.mjs";
-import { getToday as v, setTime as V } from "../../utils.mjs";
-import { WeekNamesService as S } from "../services/WeekNamesService.mjs";
-import { classNames as l, uCalendar as c } from "@progress/kendo-react-common";
-const y = (g, t) => {
-  const e = t;
-  return /* @__PURE__ */ i.createElement("td", { key: g, role: "gridcell", className: l(c.td({ c: e, isEmpty: !0 })) }, " ");
-}, u = class u extends i.Component {
-  constructor() {
-    super(...arguments), this.intl = null, this.weekService = null, this.buildWeekNumber = (t, e) => {
-      if (!this.firstDate(t))
-        return y(`week-cell-${e}`);
-      const a = this.firstDate(t), n = this.getWeekNumber(a), o = `kendo-react-calendar-week-cell-${n}`, m = {
-        value: n,
-        firstDate: a,
-        weekDays: t,
-        unstyled: this.props.unstyled,
-        onClick: this.handleWeekCellClick
-      };
-      return this.props.weekCell ? /* @__PURE__ */ i.createElement(this.props.weekCell, { ...m, key: o }, n) : /* @__PURE__ */ i.createElement(I, { ...m, key: o }, n);
-    }, this.buildRow = (t) => t.map((e, r) => {
-      if (!e)
-        return y(r);
-      const a = { "aria-selected": e.isSelected }, n = `kendo-react-calendar-cell-${e.value.getTime()}`, o = {
-        ...a,
-        ...e,
-        isDisabled: !e.isInRange,
-        view: this.props.activeView,
-        showOtherMonthDays: this.props.showOtherMonthDays,
-        allowReverse: this.props.allowReverse,
-        unstyled: this.props.unstyled,
-        onClick: this.handleClick,
-        onMouseEnter: this.handleMouseEnter,
-        onMouseLeave: this.handleMouseLeave
-      };
-      return this.props.cell ? /* @__PURE__ */ i.createElement(this.props.cell, { ...o, key: n }, e.formattedValue) : /* @__PURE__ */ i.createElement(x, { ...o, key: n }, e.formattedValue);
-    }), this.firstDate = (t) => {
-      const e = this.firstWeekDateContext(t);
-      return e ? e.value : null;
-    }, this.firstWeekDateContext = (t) => {
-      if (!this.weekNumber)
-        return null;
-      let e = 0, r = t[e];
-      for (; !r && e < t.length; )
-        r = t[++e];
-      return r;
-    }, this.handleClick = (t, e) => {
-      const { onChange: r } = this.props;
-      if (r && e) {
-        const a = {
-          value: k(t),
-          target: this,
-          nativeEvent: e && e.nativeEvent,
-          syntheticEvent: e
-        };
-        r.call(void 0, a);
-      }
-    }, this.handleWeekCellClick = (t, e, r) => {
-      const { onWeekSelect: a } = this.props, n = e.findIndex((o) => o && o.value === t);
-      a && r && a.call(void 0, t, n, r);
-    }, this.handleMouseEnter = (t) => {
-      const { onCellEnter: e } = this.props;
-      e && e.call(void 0, k(t));
-    }, this.handleMouseLeave = (t) => {
-      const { onCellLeave: e } = this.props;
-      e && e.call(void 0, k(t));
-    };
-  }
-  get min() {
-    return this.props.min;
-  }
-  get max() {
-    return this.props.max;
-  }
-  get isHorizontal() {
-    return this.props.direction === "horizontal";
-  }
-  get isMonthView() {
-    return this.props.activeView === D.month;
-  }
-  get weekNumber() {
-    return !!(this.props.showWeekNumbers && this.props.activeView === D.month);
-  }
-  get selectedDate() {
-    return this.props.selectedDate !== void 0 ? this.props.selectedDate : u.defaultProps.selectedDate;
-  }
-  render() {
-    const { service: t, weekDaysFormat: e, cellUID: r, focusedDate: a, bus: n, activeView: o, selectionRange: m, unstyled: w } = this.props, h = w && w.uCalendar;
-    this.intl = M(this), this.weekService = new S(this.intl);
-    const C = this.weekService.getWeekNames(this.weekNumber, e), N = t.rowLength(this.weekNumber), b = t.title(this.props.viewDate), E = v(), W = V(this.props.viewDate, E), O = t.data({
-      cellUID: r,
-      min: this.min,
-      max: this.max,
-      focusedDate: a,
-      isActiveView: !n.canMoveDown(o),
-      selectedDate: this.selectedDate,
-      selectionRange: m,
-      viewDate: W
-    });
-    return /* @__PURE__ */ i.createElement(i.Fragment, null, this.isMonthView && this.isHorizontal && /* @__PURE__ */ i.createElement("thead", { role: "rowgroup", className: l(c.thead({ c: h })) }, /* @__PURE__ */ i.createElement("tr", { role: "row", className: l(c.tr({ c: h })) }, C.map((p, d) => /* @__PURE__ */ i.createElement("th", { key: d, className: l(c.th({ c: h })) }, p)))), /* @__PURE__ */ i.createElement("tbody", { role: "rowgroup", className: l(c.tbody({ c: h })) }, !this.isHorizontal && /* @__PURE__ */ i.createElement("tr", { role: "presentation", className: l(c.tr({ c: h })) }, /* @__PURE__ */ i.createElement(
-      "th",
-      {
-        scope: "col",
-        colSpan: N,
-        className: l(c.caption({ c: h }))
-      },
-      b
-    )), O.map((p, d) => /* @__PURE__ */ i.createElement("tr", { role: "row", className: l(c.tr({ c: h })), key: d }, this.weekNumber && this.buildWeekNumber(p, d), this.buildRow(p)))));
-  }
-  getWeekNumber(t) {
-    return !this.weekNumber || !this.intl ? null : R(t, this.intl.firstDay());
-  }
-};
-u.propTypes = {
-  activeRangeEnd: s.oneOf(["start", "end", null]),
-  activeView: s.number.isRequired,
-  cellUID: s.string.isRequired,
-  direction: s.oneOf(["horizontal", "vertical"]),
-  focusedDate: s.instanceOf(Date).isRequired,
-  max: s.instanceOf(Date).isRequired,
-  min: s.instanceOf(Date).isRequired,
-  onChange: s.func,
-  selectedDate: s.oneOfType([s.instanceOf(Date), s.arrayOf(s.instanceOf(Date))]),
-  showWeekNumbers: s.bool,
-  showOtherMonthDays: s.bool,
-  viewDate: s.instanceOf(Date).isRequired
-}, u.defaultProps = {
+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 { classNames as r, uCalendar as s } from "@progress/kendo-react-common";
+const R = (k, f) => {
+  const m = f;
+  return /* @__PURE__ */ a.createElement("td", { key: k, role: "gridcell", className: r(s.td({ c: m, isEmpty: !0 })) }, " ");
+}, p = {
   direction: "vertical",
-  selectedDate: v(),
+  selectedDate: S(),
   showWeekNumbers: !1
+}, Ee = (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,
+    service: w,
+    showWeekNumbers: B = p.showWeekNumbers,
+    showOtherMonthDays: F,
+    viewDate: g,
+    allowReverse: H,
+    unstyled: d
+  } = k, W = L === "horizontal", K = m === M.month, u = !!(B && m === M.month), U = (e, t) => {
+    if (v && t) {
+      const l = {
+        value: h(e),
+        target: null,
+        nativeEvent: t == null ? void 0 : t.nativeEvent,
+        syntheticEvent: t
+      };
+      v(l);
+    }
+  }, Y = (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 = (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) => {
+    if (!u)
+      return null;
+    let t = 0, l = e[t];
+    for (; !l && t < e.length; )
+      l = e[++t];
+    return l;
+  }, V = (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 = {
+      value: n,
+      firstDate: o,
+      weekDays: e,
+      unstyled: d,
+      onClick: Y
+    };
+    return C ? /* @__PURE__ */ a.createElement(C, { ...I, key: i }, n) : /* @__PURE__ */ a.createElement(ie, { ...I, 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 = {
+      ...o,
+      ...t,
+      isDisabled: !t.isInRange,
+      view: m,
+      showOtherMonthDays: F,
+      allowReverse: H,
+      activeRangeEnd: f,
+      unstyled: d,
+      onClick: U,
+      onMouseEnter: j,
+      onMouseLeave: G
+    };
+    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 /* @__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) => {
+    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));
+  })));
 };
-let f = u;
-q(f);
 export {
-  f as View
+  Ee as View,
+  p as viewDefaultProps
 };

package/calendar/components/ViewList.d.ts

@@ -5,9 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { DateInputsClassStructure } from '@progress/kendo-react-common';
-import { Virtualization } from '../../virtualization/Virtualization.js';
+import { VirtualizationHandle } from '../../virtualization/Virtualization.js';
 import { BusViewService, DOMService } from '../services/index.js';
 import { CalendarCellProps } from './CalendarCell.js';
 import { ViewService, CalendarViewEnum } from '../models/index.js';
@@ -16,6 +15,15 @@ import { CalendarHeaderTitleProps } from './CalendarHeaderTitle.js';
 import { WeekDaysFormat } from '../models/WeekDaysFormat';
 import { CalendarHeaderProps } from '../models/CalendarSettings';
 import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ViewListHandle {
+    element: HTMLDivElement | null;
+    virtualization: VirtualizationHandle | null;
+    focusActiveDate: () => void;
+    blurActiveDate: () => void;
+}
 /**
  * @hidden
  */
@@ -23,7 +31,7 @@ export interface ViewListEventArguments {
     syntheticEvent: React.SyntheticEvent<any>;
     nativeEvent?: any;
     value: Date;
-    target: ViewList;
+    target: ViewListHandle;
     isTodayClick?: boolean;
 }
 /**
@@ -31,7 +39,6 @@ export interface ViewListEventArguments {
  */
 export interface ViewListProps {
     activeView: CalendarViewEnum;
-    bottomOffset?: number;
     bus: BusViewService;
     cellUID: string;
     dom: DOMService;
@@ -47,8 +54,6 @@ export interface ViewListProps {
     take?: number;
     weekDaysFormat?: WeekDaysFormat;
     value: Date | null;
-    viewHeight?: number;
-    viewOffset?: number;
     weekCell?: React.ComponentType<CalendarWeekCellProps>;
     showOtherMonthDays?: boolean;
     headerTitle?: React.ComponentType<CalendarHeaderTitleProps>;
@@ -67,62 +72,17 @@ export interface ViewListState {
 /**
  * @hidden
  */
-export declare class ViewList extends React.Component<ViewListProps, ViewListState> {
-    static propTypes: {
-        activeView: PropTypes.Validator<number>;
-        bottomOffset: PropTypes.Requireable<number>;
-        cellUID: PropTypes.Validator<string>;
-        focusedDate: PropTypes.Validator<Date>;
-        max: PropTypes.Validator<Date>;
-        min: PropTypes.Validator<Date>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        showWeekNumbers: PropTypes.Requireable<boolean>;
-        smoothScroll: PropTypes.Requireable<boolean>;
-        take: PropTypes.Requireable<number>;
-        value: PropTypes.Requireable<Date>;
-        viewHeight: PropTypes.Requireable<number>;
-        viewOffset: PropTypes.Requireable<number>;
-        weekDaysFormat: PropTypes.Requireable<string>;
-        tabIndex: PropTypes.Requireable<number>;
-    };
-    static defaultProps: {
-        take: number;
-        showWeekNumbers: boolean;
-        weekDaysFormat: string;
-        smoothScroll: boolean;
-    };
-    virtualization: Virtualization | null;
-    private calendarView;
-    private table;
-    private intl;
-    private bottomOffset;
-    private viewOffset;
-    private viewHeight;
-    private _element;
-    private lastView;
-    private isActive;
-    private animateToIndex;
-    private shouldScroll;
-    private indexToScroll?;
-    private lastFocus;
-    private weekService;
-    get element(): HTMLDivElement | null;
-    protected get weekNames(): string[];
-    protected get weekNumber(): boolean;
-    protected get take(): number;
-    protected get animate(): boolean;
-    protected get todayIsInRange(): boolean;
-    constructor(props: ViewListProps);
-    componentDidUpdate(_prevProps: ViewListProps, _prevState: ViewListState): void;
-    focusActiveDate: () => void;
-    blurActiveDate: () => void;
-    render(): React.JSX.Element;
-    protected handleVirtualizationMount: (virtualization: Virtualization) => void;
-    protected buildMonthView: (cols: any[], weekNames: any[]) => React.JSX.Element;
-    protected buildDates: (cols: any[], dates: Date[]) => React.JSX.Element;
-    protected calculateHeights: () => void;
-    protected getTake: (skip: number, total: number) => number;
-    private handleScrollAction;
-    private handleTodayClick;
-    private handleDateChange;
-}
+export declare const viewListDefaultProps: {
+    take: number;
+    showWeekNumbers: boolean;
+    weekDaysFormat: "short";
+    smoothScroll: boolean;
+};
+/**
+ * @hidden
+ */
+export type ViewList = ViewListHandle;
+/**
+ * @hidden
+ */
+export declare const ViewList: React.ForwardRefExoticComponent<ViewListProps & React.RefAttributes<ViewListHandle | null>>;

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 T=require("react"),o=require("prop-types"),n=require("@progress/kendo-react-common"),m=require("@progress/kendo-date-math"),C=require("@progress/kendo-react-intl"),N=require("../../virtualization/Virtualization.js"),O=require("./View.js"),q=require("./Header.js"),H=require("../services/WeekNamesService.js"),f=require("../../utils.js"),p=require("../models/CalendarViewEnum.js"),R=require("./TodayCommand.js");function z(d){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return r.default=d,Object.freeze(r)}const a=z(T),_=5,u=class u extends a.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.weekService=null,this.focusActiveDate=()=>{if(!this._element)return;const e=this._element.querySelector("td.k-focus"),t=this._element.querySelector(".k-state-pending-focus");e&&e[0]&&e[0].classList.remove("k-focus"),t&&t.classList.add("k-focus"),this.isActive=!0},this.blurActiveDate=()=>{if(!this._element)return;const e=this._element.querySelector("td.k-focus");e&&e.classList.remove("k-focus"),this.isActive=!1},this.handleVirtualizationMount=e=>{if(this.virtualization=e,this.virtualization&&this.table){this.table.style.transform=`translateY(${this.viewOffset}px)`;const t=f.dateInRange(this.props.focusedDate,this.props.min,this.props.max),s=this.props.service.skip(t,this.props.min);this.virtualization.scrollToIndex(s)}},this.buildMonthView=(e,t)=>{const{unstyled:s}=this.props,i=s&&s.uCalendar;return a.createElement("table",{key:"calendar-view-list-weekdays",className:n.classNames(n.uCalendar.table({c:i,weekdays:!0})),role:"grid",tabIndex:this.props.tabIndex},a.createElement("colgroup",null,e.map((h,l)=>a.createElement("col",{key:l}))),a.createElement("thead",{className:n.classNames(n.uCalendar.thead({c:i}))},a.createElement("tr",{className:n.classNames(n.uCalendar.tr({c:i}))},t.map((h,l)=>a.createElement("th",{key:l,className:n.classNames(n.uCalendar.th({c:i}))},h)))))},this.buildDates=(e,t)=>{const s=this.props.cellUID,{unstyled:i}=this.props,h=i&&i.uCalendar;return a.createElement("table",{className:n.classNames(n.uCalendar.table({c:h})),ref:l=>{this.table=l},role:"grid",tabIndex:this.props.tabIndex,"aria-activedescendant":s+this.props.focusedDate.getTime()},a.createElement("colgroup",null,e.map((l,c)=>a.createElement("col",{key:c}))),t.map(l=>a.createElement(O.View,{ref:c=>{this.calendarView||(this.calendarView=c)},key:l.getTime(),activeView:this.props.activeView,viewDate:l,min:this.props.min,max:this.props.max,cellUID:s,focusedDate:this.props.focusedDate,cell:this.props.cell,selectedDate:this.props.value,showWeekNumbers:this.weekNumber,onChange:this.handleDateChange,bus:this.props.bus,service:this.props.service,weekCell:this.props.weekCell,showOtherMonthDays:this.props.showOtherMonthDays,unstyled:i})))},this.calculateHeights=()=>{if(!this.props.dom)return;const e=this.props.activeView===p.CalendarViewEnum.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:s})=>{const i=s?s.skip:this.state.skip;if((this.state.index!==e||this.state.skip!==i)&&this.setState({index:e,skip:i}),this.table&&t){const h=`translateY(${t.offset}px)`;this.table.style.transform=h}},this.handleTodayClick=e=>{this.shouldScroll=!0,this.handleDateChange.call(void 0,e,!0)},this.handleDateChange=(e,t=!1)=>{const{onChange:s}=this.props;if(s){const i={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:m.cloneDate(e.value),target:this,isTodayClick:t};s.call(void 0,i)}},this.lastView=this.props.activeView,this.lastFocus=this.props.focusedDate,this.state={skip:this.props.service.skip(this.props.focusedDate,this.props.min),index:this.props.service.skip(this.props.focusedDate,this.props.min)}}get element(){return this._element}get weekNames(){return this.intl=C.provideIntlService(this),this.weekService=new H.WeekNamesService(this.intl),this.weekService.getWeekNames(this.weekNumber,this.props.weekDaysFormat)}get weekNumber(){return!!(this.props.showWeekNumbers&&this.props.activeView===p.CalendarViewEnum.month)}get take(){return this.props.take!==void 0?this.props.take:u.defaultProps.take}get animate(){return!!(this.props.smoothScroll&&this.animateToIndex)}get todayIsInRange(){return f.isInRange(f.getToday(),m.getDate(this.props.min),m.getDate(this.props.max))}componentDidUpdate(r,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(){const{activeView:r,min:e,max:t,service:s,unstyled:i}=this.props,h=i&&i.uCalendar;this.calculateHeights();const l=this.lastView!==r,c=f.dateInRange(this.props.focusedDate,e,t),w=l?s.skip(c,e):this.state.skip,b=s.total(e,t),y=this.getTake(w,b),x=s.addToDate(e,w),S=s.addToDate(e,this.state.index),g=new Array(s.rowLength(this.weekNumber)).fill(""),D=r!==this.lastView;this.animateToIndex=!D,(D||!m.isEqualDate(this.lastFocus,c)||this.shouldScroll||!this.props.shouldScroll||this.props.shouldScroll())&&(this.indexToScroll=this.props.service.skip(c,this.props.min)),this.lastFocus=c;const V=n.classNames(n.uCalendar.view({c:h,month:r===p.CalendarViewEnum.month,year:r===p.CalendarViewEnum.year,decade:r===p.CalendarViewEnum.decade,century:r===p.CalendarViewEnum.century})),E=this.buildDates(g,s.datesList(x,y)),I=a.createElement(a.Fragment,null,a.createElement(q.Header,{key:"calendar-view-list-header",currentDate:S,min:this.props.min,max:this.props.max,activeView:this.props.activeView,bus:this.props.bus,service:this.props.service,headerTitle:this.props.headerTitle,header:this.props.header,unstyled:i,commands:a.createElement(R.TodayCommand,{min:this.props.min,max:this.props.max,onClick:this.handleTodayClick,disabled:!this.todayIsInRange,tabIndex:this.props.tabIndex,unstyled:i})}),this.props.activeView===p.CalendarViewEnum.month&&this.buildMonthView(g,this.weekNames),a.createElement(N.Virtualization,{key:"calendar-view-list-content",skip:w,take:this.take,total:b,itemHeight:this.viewHeight,topOffset:this.viewOffset,bottomOffset:this.bottomOffset,scrollOffsetSize:this.viewOffset,maxScrollDifference:this.viewHeight,onScroll:this.props.onScroll,onScrollAction:this.handleScrollAction,onMount:k=>!this.virtualization&&this.handleVirtualizationMount(k),children:E,tabIndex:this.props.tabIndex,unstyled:i}));return a.createElement("div",{ref:k=>{this._element=k},className:V},this.props.dom.didCalculate?I:null)}};u.propTypes={activeView:o.number.isRequired,bottomOffset:o.number,cellUID:o.string.isRequired,focusedDate:o.instanceOf(Date).isRequired,max:o.instanceOf(Date).isRequired,min:o.instanceOf(Date).isRequired,onChange:o.func,showWeekNumbers:o.bool,smoothScroll:o.bool,take:o.number,value:o.instanceOf(Date),viewHeight:o.number,viewOffset:o.number,weekDaysFormat:o.oneOf(["short","abbreviated","narrow"]),tabIndex:o.number},u.defaultProps={take:_,showWeekNumbers:!1,weekDaysFormat:"short",smoothScroll:!0};let v=u;C.registerForIntl(v);exports.ViewList=v;
+"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;