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

package/calendar/components/Navigation.d.ts

@@ -5,13 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { CalendarNavigationItemProps } from './CalendarNavigationItem.js';
 import { DOMService } from '../services/index.js';
-import { Virtualization } from '../../virtualization/Virtualization.js';
+import { VirtualizationHandle } from '../../virtualization/Virtualization.js';
 import { CalendarViewEnum, ViewService } from '../models/index.js';
 import { DateInputsClassStructure } from '@progress/kendo-react-common';
 import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface NavigationHandle {
+    virtualization: VirtualizationHandle | null;
+}
 /**
  * @hidden
  */
@@ -19,7 +24,7 @@ export interface NavigationEventArguments {
     syntheticEvent: React.SyntheticEvent<any>;
     nativeEvent?: any;
     value: Date;
-    target: Navigation;
+    target: NavigationHandle;
 }
 /**
  * @hidden
@@ -47,39 +52,14 @@ export interface NavigationState {
 /**
  * @hidden
  */
-export declare class Navigation extends React.Component<NavigationProps, NavigationState> {
-    static propTypes: {
-        activeView: PropTypes.Validator<number>;
-        focusedDate: PropTypes.Validator<Date>;
-        max: PropTypes.Validator<Date>;
-        min: PropTypes.Validator<Date>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        take: PropTypes.Requireable<number>;
-        tabIndex: PropTypes.Requireable<number>;
-    };
-    static defaultProps: {
-        take: number;
-    };
-    virtualization: Virtualization | null;
-    private list;
-    private itemHeight;
-    private topOffset;
-    private maxViewHeight;
-    private bottomOffset;
-    private lastView;
-    private indexToScroll?;
-    private lastFocus;
-    protected get take(): number;
-    constructor(props: NavigationProps);
-    /**
-     * @hidden
-     */
-    componentDidUpdate(_prevProps: NavigationProps, _prevState: NavigationState): void;
-    render(): React.JSX.Element;
-    protected handleVirtualizationMount: (virtualization: Virtualization) => void;
-    protected buildNavigationItem: (date: Date) => React.ReactNode;
-    protected calculateHeights: () => void;
-    protected getTake(skip: number, total: number): number;
-    private handleDateChange;
-    private handleScrollAction;
-}
+export declare const navigationDefaultProps: {
+    take: number;
+};
+/**
+ * @hidden
+ */
+export type Navigation = NavigationHandle;
+/**
+ * @hidden
+ */
+export declare const Navigation: React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<NavigationHandle | null>>;

package/calendar/components/Navigation.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 O=require("react"),r=require("prop-types"),v=require("@progress/kendo-date-math"),T=require("./CalendarNavigationItem.js"),k=require("../../utils.js"),w=require("../../virtualization/Virtualization.js"),c=require("@progress/kendo-react-common");function V(p){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const e in p)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(p,e);Object.defineProperty(a,e,n.get?n:{enumerable:!0,get:()=>p[e]})}}return a.default=p,Object.freeze(a)}const l=V(O),C=30,d=class d extends l.Component{constructor(a){super(a),this.virtualization=null,this.list=null,this.itemHeight=0,this.topOffset=0,this.maxViewHeight=0,this.bottomOffset=0,this.handleVirtualizationMount=t=>{if(this.virtualization=t,this.virtualization&&this.list){this.list.style.transform=`translateY(${this.topOffset}px)`;const i=k.dateInRange(this.props.focusedDate,this.props.min,this.props.max),s=this.props.service.skip(i,this.props.min);this.virtualization.scrollToIndex(s)}},this.buildNavigationItem=t=>{const i=this.props.service.navigationTitle(t),s=this.props.service.isRangeStart(t),o=`kendo-react-calendar-nav-item-${t.getTime()}`,h={text:i,value:t,isRangeStart:s,view:this.props.activeView,onClick:this.handleDateChange};return this.props.navigationItem?l.createElement(this.props.navigationItem,{...h,key:o},i):l.createElement(T.CalendarNavigationItem,{...h,key:o},i)},this.calculateHeights=()=>{const t=this.props.dom.calendarHeight;this.itemHeight=this.props.dom.navigationItemHeight||1,this.maxViewHeight=this.props.dom.monthViewHeight,this.topOffset=(t-this.itemHeight)/2,this.bottomOffset=t-this.itemHeight},this.handleDateChange=(t,i)=>{const{onChange:s}=this.props;if(s&&i){const o={value:v.cloneDate(t),target:this,nativeEvent:i&&i.nativeEvent,syntheticEvent:i};s.call(void 0,o)}},this.handleScrollAction=({scrollAction:t,pageAction:i})=>{const s=i?i.skip:this.state.skip;if(this.state.skip!==s&&this.setState({skip:s}),this.list&&t){const o=`translateY(${t.offset}px)`;this.list.style.transform=o}},this.lastView=this.props.activeView,this.lastFocus=this.props.focusedDate;const e=this.props.service.skip(this.props.focusedDate,this.props.min),n=this.props.service.total(this.props.min,this.props.max);this.state={skip:e-this.getTake(e,n)>0?e:0}}get take(){return this.props.take!==void 0?this.props.take:d.defaultProps.take}componentDidUpdate(a,e){this.indexToScroll!==void 0&&this.virtualization&&this.virtualization.scrollToIndex(this.indexToScroll),this.lastView=this.props.activeView,this.lastFocus=this.props.focusedDate,this.indexToScroll=void 0}render(){const{activeView:a,min:e,max:n,service:t,unstyled:i}=this.props;this.calculateHeights();const s=i&&i.uCalendar,o=this.lastView!==a,h=k.dateInRange(this.props.focusedDate,e,n),m=o?t.skip(h,e):this.state.skip,g=t.total(e,n),x=this.getTake(m,g),D=t.addToDate(e,m),b=t.datesList(D,x);(a!==this.lastView||!v.isEqual(h,this.lastFocus))&&(this.indexToScroll=t.skip(h,e));const S=l.createElement(w.Virtualization,{skip:m,take:this.take,total:g,itemHeight:this.itemHeight,topOffset:this.topOffset,bottomOffset:this.bottomOffset,onScroll:this.props.onScroll,maxScrollDifference:this.maxViewHeight,onScrollAction:this.handleScrollAction,onMount:u=>!this.virtualization&&this.handleVirtualizationMount(u),tabIndex:this.props.tabIndex,unstyled:i},l.createElement("ul",{ref:u=>{this.list=u},className:c.classNames(c.uCalendar.ul({c:s}))},b.map(u=>this.buildNavigationItem(u))));return l.createElement("div",{className:c.classNames(c.uCalendar.navigation({c:s}))},l.createElement("span",{className:c.classNames(c.uCalendar.navigationHighlight({c:s}))}),this.props.dom.didCalculate?S:null)}getTake(a,e){return Math.min(e-a,this.take)}};d.propTypes={activeView:r.number.isRequired,focusedDate:r.instanceOf(Date).isRequired,max:r.instanceOf(Date).isRequired,min:r.instanceOf(Date).isRequired,onChange:r.func,take:r.number,tabIndex:r.number},d.defaultProps={take:C};let f=d;exports.Navigation=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),x=require("@progress/kendo-date-math"),Z=require("./CalendarNavigationItem.js"),O=require("../../utils.js"),tt=require("../../virtualization/Virtualization.js"),m=require("@progress/kendo-react-common");function et(l){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const c in l)if(c!=="default"){const r=Object.getOwnPropertyDescriptor(l,c);Object.defineProperty(f,c,r.get?r:{enumerable:!0,get:()=>l[c]})}}return f.default=l,Object.freeze(f)}const e=et(X),nt=30,V={take:nt},q=e.forwardRef((l,f)=>{const{take:c=V.take,activeView:r,dom:d,focusedDate:g,max:p,min:o,onScroll:M,onChange:H,service:i,navigationItem:T,tabIndex:z,unstyled:R}=l,P=(t,n)=>{if(H&&n){const a={value:x.cloneDate(t),target:I.current,nativeEvent:n==null?void 0:n.nativeEvent,syntheticEvent:n};H(a)}},j=({scrollAction:t,pageAction:n})=>{const a=n?n.skip:void 0;if(a!==void 0&&B(s=>s.skip!==a?{skip:a}:s),v.current&&t){const s=`translateY(${t.offset}px)`;v.current.style.transform=s}},_=t=>{if(u.current=t,u.current&&v.current){const n=d.calendarHeight,a=d.navigationItemHeight||1,s=(n-a)/2;v.current.style.transform=`translateY(${s}px)`;const h=O.dateInRange(g,o,p),W=i.skip(h,o);u.current.scrollToIndex(W)}},$=t=>{const n=i.navigationTitle(t),a=i.isRangeStart(t),s=`kendo-react-calendar-nav-item-${t.getTime()}`,h={text:n,value:t,isRangeStart:a,view:r,onClick:P};return T?e.createElement(T,{...h,key:s},n):e.createElement(Z.CalendarNavigationItem,{...h,key:s},n)},u=e.useRef(null),I=e.useRef(null);e.useImperativeHandle(I,()=>({get virtualization(){return u.current}})),e.useImperativeHandle(f,()=>I.current);const v=e.useRef(null),N=e.useRef(r),E=e.useRef(g),k=e.useRef(void 0),[Y,B]=e.useState(()=>{const t=i.skip(g,o),n=i.total(o,p),a=Math.min(n-t,c);return{skip:t-a>0?t:0}});e.useEffect(()=>{k.current!==void 0&&u.current&&u.current.scrollToIndex(k.current),N.current=r,E.current=g,k.current=void 0});const b=d.calendarHeight,C=d.navigationItemHeight||1,F=d.monthViewHeight,K=(b-C)/2,L=b-C,S=R&&R.uCalendar,U=N.current!==r,D=O.dateInRange(g,o,p),y=U?i.skip(D,o):Y.skip,w=i.total(o,p),A=Math.min(w-y,c),G=i.addToDate(o,y),J=i.datesList(G,A);(r!==N.current||!x.isEqual(D,E.current))&&(k.current=i.skip(D,o));const Q=e.createElement(tt.Virtualization,{skip:y,take:c,total:w,itemHeight:C,topOffset:K,bottomOffset:L,onScroll:M,maxScrollDifference:F,onScrollAction:j,onMount:t=>!u.current&&_(t),tabIndex:z,unstyled:R},e.createElement("ul",{ref:v,className:m.classNames(m.uCalendar.ul({c:S}))},J.map(t=>$(t))));return e.createElement("div",{className:m.classNames(m.uCalendar.navigation({c:S}))},e.createElement("span",{className:m.classNames(m.uCalendar.navigationHighlight({c:S}))}),d.didCalculate?Q:null)});q.displayName="KendoReactNavigation";const at=q;exports.Navigation=at;exports.navigationDefaultProps=V;

package/calendar/components/Navigation.mjs

@@ -5,115 +5,103 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as n from "react";
-import r from "prop-types";
-import { cloneDate as T, isEqual as V } from "@progress/kendo-date-math";
-import { CalendarNavigationItem as H } from "./CalendarNavigationItem.mjs";
-import { dateInRange as v } from "../../utils.mjs";
-import { Virtualization as S } from "../../virtualization/Virtualization.mjs";
-import { classNames as d, uCalendar as u } from "@progress/kendo-react-common";
-const I = 30, p = class p extends n.Component {
-  constructor(o) {
-    super(o), this.virtualization = null, this.list = null, this.itemHeight = 0, this.topOffset = 0, this.maxViewHeight = 0, this.bottomOffset = 0, this.handleVirtualizationMount = (t) => {
-      if (this.virtualization = t, this.virtualization && this.list) {
-        this.list.style.transform = `translateY(${this.topOffset}px)`;
-        const i = v(this.props.focusedDate, this.props.min, this.props.max), s = this.props.service.skip(i, this.props.min);
-        this.virtualization.scrollToIndex(s);
-      }
-    }, this.buildNavigationItem = (t) => {
-      const i = this.props.service.navigationTitle(t), s = this.props.service.isRangeStart(t), a = `kendo-react-calendar-nav-item-${t.getTime()}`, h = {
-        text: i,
-        value: t,
-        isRangeStart: s,
-        view: this.props.activeView,
-        onClick: this.handleDateChange
+import * as e from "react";
+import { isEqual as W, cloneDate as X } from "@progress/kendo-date-math";
+import { CalendarNavigationItem as Z } from "./CalendarNavigationItem.mjs";
+import { dateInRange as y } from "../../utils.mjs";
+import { Virtualization as tt } from "../../virtualization/Virtualization.mjs";
+import { classNames as C, uCalendar as E } from "@progress/kendo-react-common";
+const et = 30, nt = {
+  take: et
+}, V = e.forwardRef((M, z) => {
+  const {
+    take: p = nt.take,
+    activeView: l,
+    dom: c,
+    focusedDate: u,
+    max: f,
+    min: i,
+    onScroll: O,
+    onChange: N,
+    service: o,
+    navigationItem: S,
+    tabIndex: b,
+    unstyled: v
+  } = M, $ = (t, n) => {
+    if (N && n) {
+      const a = {
+        value: X(t),
+        target: h.current,
+        nativeEvent: n == null ? void 0 : n.nativeEvent,
+        syntheticEvent: n
       };
-      return this.props.navigationItem ? /* @__PURE__ */ n.createElement(this.props.navigationItem, { ...h, key: a }, i) : /* @__PURE__ */ n.createElement(H, { ...h, key: a }, i);
-    }, this.calculateHeights = () => {
-      const t = this.props.dom.calendarHeight;
-      this.itemHeight = this.props.dom.navigationItemHeight || 1, this.maxViewHeight = this.props.dom.monthViewHeight, this.topOffset = (t - this.itemHeight) / 2, this.bottomOffset = t - this.itemHeight;
-    }, this.handleDateChange = (t, i) => {
-      const { onChange: s } = this.props;
-      if (s && i) {
-        const a = {
-          value: T(t),
-          target: this,
-          nativeEvent: i && i.nativeEvent,
-          syntheticEvent: i
-        };
-        s.call(void 0, a);
-      }
-    }, this.handleScrollAction = ({ scrollAction: t, pageAction: i }) => {
-      const s = i ? i.skip : this.state.skip;
-      if (this.state.skip !== s && this.setState({ skip: s }), this.list && t) {
-        const a = `translateY(${t.offset}px)`;
-        this.list.style.transform = a;
+      N(a);
+    }
+  }, q = ({ scrollAction: t, pageAction: n }) => {
+    const a = n ? n.skip : void 0;
+    if (a !== void 0 && F((s) => s.skip !== a ? { skip: a } : s), m.current && t) {
+      const s = `translateY(${t.offset}px)`;
+      m.current.style.transform = s;
+    }
+  }, P = (t) => {
+    if (r.current = t, r.current && m.current) {
+      const n = c.calendarHeight, a = c.navigationItemHeight || 1, s = (n - a) / 2;
+      m.current.style.transform = `translateY(${s}px)`;
+      const g = y(u, i, f), Q = o.skip(g, i);
+      r.current.scrollToIndex(Q);
+    }
+  }, Y = (t) => {
+    const n = o.navigationTitle(t), a = o.isRangeStart(t), s = `kendo-react-calendar-nav-item-${t.getTime()}`, g = {
+      text: n,
+      value: t,
+      isRangeStart: a,
+      view: l,
+      onClick: $
+    };
+    return S ? /* @__PURE__ */ e.createElement(S, { ...g, key: s }, n) : /* @__PURE__ */ e.createElement(Z, { ...g, key: s }, n);
+  }, r = e.useRef(null), h = e.useRef(null);
+  e.useImperativeHandle(
+    h,
+    () => ({
+      get virtualization() {
+        return r.current;
       }
-    }, this.lastView = this.props.activeView, this.lastFocus = this.props.focusedDate;
-    const e = this.props.service.skip(this.props.focusedDate, this.props.min), c = this.props.service.total(this.props.min, this.props.max);
-    this.state = {
-      skip: e - this.getTake(e, c) > 0 ? e : 0
+    })
+  ), e.useImperativeHandle(z, () => h.current);
+  const m = e.useRef(null), k = e.useRef(l), T = e.useRef(u), d = e.useRef(void 0), [B, F] = e.useState(() => {
+    const t = o.skip(u, i), n = o.total(i, f), a = Math.min(n - t, p);
+    return {
+      skip: t - a > 0 ? t : 0
     };
-  }
-  get take() {
-    return this.props.take !== void 0 ? this.props.take : p.defaultProps.take;
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate(o, e) {
-    this.indexToScroll !== void 0 && this.virtualization && this.virtualization.scrollToIndex(this.indexToScroll), this.lastView = this.props.activeView, this.lastFocus = this.props.focusedDate, this.indexToScroll = void 0;
-  }
-  render() {
-    const { activeView: o, min: e, max: c, service: t, unstyled: i } = this.props;
-    this.calculateHeights();
-    const s = i && i.uCalendar, a = this.lastView !== o, h = v(this.props.focusedDate, e, c), m = a ? t.skip(h, e) : this.state.skip, f = t.total(e, c), k = this.getTake(m, f), x = t.addToDate(e, m), D = t.datesList(x, k);
-    (o !== this.lastView || !V(h, this.lastFocus)) && (this.indexToScroll = t.skip(h, e));
-    const w = /* @__PURE__ */ n.createElement(
-      S,
-      {
-        skip: m,
-        take: this.take,
-        total: f,
-        itemHeight: this.itemHeight,
-        topOffset: this.topOffset,
-        bottomOffset: this.bottomOffset,
-        onScroll: this.props.onScroll,
-        maxScrollDifference: this.maxViewHeight,
-        onScrollAction: this.handleScrollAction,
-        onMount: (l) => !this.virtualization && this.handleVirtualizationMount(l),
-        tabIndex: this.props.tabIndex,
-        unstyled: i
-      },
-      /* @__PURE__ */ n.createElement(
-        "ul",
-        {
-          ref: (l) => {
-            this.list = l;
-          },
-          className: d(u.ul({ c: s }))
-        },
-        D.map((l) => this.buildNavigationItem(l))
-      )
-    );
-    return /* @__PURE__ */ n.createElement("div", { className: d(u.navigation({ c: s })) }, /* @__PURE__ */ n.createElement("span", { className: d(u.navigationHighlight({ c: s })) }), this.props.dom.didCalculate ? w : null);
-  }
-  getTake(o, e) {
-    return Math.min(e - o, this.take);
-  }
-};
-p.propTypes = {
-  activeView: r.number.isRequired,
-  focusedDate: r.instanceOf(Date).isRequired,
-  max: r.instanceOf(Date).isRequired,
-  min: r.instanceOf(Date).isRequired,
-  onChange: r.func,
-  take: r.number,
-  tabIndex: r.number
-}, p.defaultProps = {
-  take: I
-};
-let g = p;
+  });
+  e.useEffect(() => {
+    d.current !== void 0 && r.current && r.current.scrollToIndex(d.current), k.current = l, T.current = u, d.current = void 0;
+  });
+  const w = c.calendarHeight, R = c.navigationItemHeight || 1, K = c.monthViewHeight, L = (w - R) / 2, U = w - R, I = v && v.uCalendar, _ = k.current !== l, H = y(u, i, f), x = _ ? o.skip(H, i) : B.skip, D = o.total(i, f), j = Math.min(D - x, p), A = o.addToDate(i, x), G = o.datesList(A, j);
+  (l !== k.current || !W(H, T.current)) && (d.current = o.skip(H, i));
+  const J = /* @__PURE__ */ e.createElement(
+    tt,
+    {
+      skip: x,
+      take: p,
+      total: D,
+      itemHeight: R,
+      topOffset: L,
+      bottomOffset: U,
+      onScroll: O,
+      maxScrollDifference: K,
+      onScrollAction: q,
+      onMount: (t) => !r.current && P(t),
+      tabIndex: b,
+      unstyled: v
+    },
+    /* @__PURE__ */ e.createElement("ul", { ref: m, className: C(E.ul({ c: I })) }, G.map((t) => Y(t)))
+  );
+  return /* @__PURE__ */ e.createElement("div", { className: C(E.navigation({ c: I })) }, /* @__PURE__ */ e.createElement("span", { className: C(E.navigationHighlight({ c: I })) }), c.didCalculate ? J : null);
+});
+V.displayName = "KendoReactNavigation";
+const ct = V;
 export {
-  g as Navigation
+  ct as Navigation,
+  nt as navigationDefaultProps
 };

package/calendar/components/TodayCommand.d.ts

@@ -5,7 +5,6 @@
  * 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 { HeaderEventArguments } from './Header.js';
 import * as React from 'react';
@@ -20,27 +19,11 @@ export interface TodayCommandProps {
     tabIndex?: number;
     unstyled?: DateInputsClassStructure;
 }
-export declare class TodayCommand extends React.Component<TodayCommandProps> {
-    /**
-     * The prop types for the TodayCommand component.
-     */
-    static propTypes: {
-        max: PropTypes.Validator<Date>;
-        min: PropTypes.Validator<Date>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        disabled: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * The default props for the TodayCommand component.
-     */
-    static defaultProps: {
-        min: Date;
-        max: Date;
-    };
-    protected get min(): Date;
-    protected get max(): Date;
-    private localization;
-    protected get todayIsInRange(): boolean;
-    private handleClick;
-    render(): React.JSX.Element;
-}
+/**
+ * @hidden
+ */
+export declare const todayCommandDefaultProps: {
+    min: Date;
+    max: Date;
+};
+export declare const TodayCommand: (props: TodayCommandProps) => React.JSX.Element;

package/calendar/components/TodayCommand.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 f=require("react"),o=require("prop-types"),p=require("@progress/kendo-react-intl"),l=require("@progress/kendo-react-common"),y=require("@progress/kendo-react-buttons"),u=require("@progress/kendo-date-math"),c=require("../../messages/index.js"),n=require("../../utils.js");function b(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const d=b(f),s=class s extends d.Component{constructor(){super(...arguments),this.localization=null,this.handleClick=e=>{if(this.todayIsInRange&&this.props.onClick){const t={syntheticEvent:e,nativeEvent:e.nativeEvent,value:n.dateInRange(n.getToday(),this.min,this.max),target:this,isTodayClick:!0};this.props.onClick.call(void 0,t)}}}get min(){return this.props.min!==void 0?this.props.min:s.defaultProps.min}get max(){return this.props.max!==void 0?this.props.max:s.defaultProps.max}get todayIsInRange(){return n.isInRange(n.getToday(),u.getDate(this.min),u.getDate(this.max))}render(){const{disabled:e,tabIndex:t,unstyled:a}=this.props,m=a&&a.uCalendar;this.localization=p.provideLocalizationService(this);const g=this.localization.toLanguageString(c.today,c.messages[c.today]),h=l.classNames(l.uCalendar.today({c:m,disabled:e}));return d.createElement(y.Button,{className:h,onClick:this.handleClick,tabIndex:t,fillMode:"flat",themeColor:"base",role:"link"},g)}};s.propTypes={max:o.instanceOf(Date).isRequired,min:o.instanceOf(Date).isRequired,onClick:o.func,disabled:o.bool},s.defaultProps={min:n.MIN_DATE,max:n.MAX_DATE};let r=s;p.registerForLocalization(r);exports.TodayCommand=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),D=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-date-math"),s=require("../../messages/index.js"),n=require("../../utils.js");function R(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const T=R(p),c={min:n.MIN_DATE,max:n.MAX_DATE},q=e=>{const{min:a=c.min,max:t=c.max,onClick:o,disabled:u,tabIndex:m,unstyled:r}=e,g=l=>{if(n.isInRange(n.getToday(),d.getDate(a),d.getDate(t))&&o){const k={syntheticEvent:l,nativeEvent:l.nativeEvent,value:n.dateInRange(n.getToday(),a,t),target:null,isTodayClick:!0};o(k)}},y=D.useLocalization(),f=r&&r.uCalendar,C=y.toLanguageString(s.today,s.messages[s.today]),b=i.classNames(i.uCalendar.today({c:f,disabled:u}));return T.createElement(I.Button,{className:b,onClick:g,tabIndex:m,fillMode:"flat",themeColor:"base",role:"link"},C)};exports.TodayCommand=q;exports.todayCommandDefaultProps=c;

package/calendar/components/TodayCommand.mjs

@@ -5,67 +5,50 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as r from "react";
-import e from "prop-types";
-import { provideLocalizationService as h, registerForLocalization as u } from "@progress/kendo-react-intl";
-import { classNames as f, uCalendar as g } from "@progress/kendo-react-common";
-import { Button as x } from "@progress/kendo-react-buttons";
-import { getDate as n } from "@progress/kendo-date-math";
-import { today as l, messages as v } from "../../messages/index.mjs";
-import { dateInRange as C, getToday as m, MAX_DATE as k, MIN_DATE as I, isInRange as y } from "../../utils.mjs";
-const t = class t extends r.Component {
-  constructor() {
-    super(...arguments), this.localization = null, this.handleClick = (i) => {
-      if (this.todayIsInRange && this.props.onClick) {
-        const s = {
-          syntheticEvent: i,
-          nativeEvent: i.nativeEvent,
-          value: C(m(), this.min, this.max),
-          target: this,
-          isTodayClick: !0
-        };
-        this.props.onClick.call(void 0, s);
-      }
-    };
-  }
-  get min() {
-    return this.props.min !== void 0 ? this.props.min : t.defaultProps.min;
-  }
-  get max() {
-    return this.props.max !== void 0 ? this.props.max : t.defaultProps.max;
-  }
-  get todayIsInRange() {
-    return y(m(), n(this.min), n(this.max));
-  }
-  render() {
-    const { disabled: i, tabIndex: s, unstyled: o } = this.props, p = o && o.uCalendar;
-    this.localization = h(this);
-    const c = this.localization.toLanguageString(l, v[l]), d = f(g.today({ c: p, disabled: i }));
-    return /* @__PURE__ */ r.createElement(
-      x,
-      {
-        className: d,
-        onClick: this.handleClick,
-        tabIndex: s,
-        fillMode: "flat",
-        themeColor: "base",
-        role: "link"
-      },
-      c
-    );
-  }
+import * as I from "react";
+import { useLocalization as k } from "@progress/kendo-react-intl";
+import { classNames as v, uCalendar as x } from "@progress/kendo-react-common";
+import { Button as R } from "@progress/kendo-react-buttons";
+import { getDate as s } from "@progress/kendo-date-math";
+import { today as m, messages as T } from "../../messages/index.mjs";
+import { MIN_DATE as D, MAX_DATE as E, isInRange as M, getToday as r, dateInRange as N } from "../../utils.mjs";
+const i = {
+  min: D,
+  max: E
+}, P = (l) => {
+  const {
+    min: a = i.min,
+    max: o = i.max,
+    onClick: t,
+    disabled: c,
+    tabIndex: d,
+    unstyled: e
+  } = l, f = (n) => {
+    if (M(r(), s(a), s(o)) && t) {
+      const p = {
+        syntheticEvent: n,
+        nativeEvent: n.nativeEvent,
+        value: N(r(), a, o),
+        target: null,
+        isTodayClick: !0
+      };
+      t(p);
+    }
+  }, g = k(), u = e && e.uCalendar, C = g.toLanguageString(m, T[m]), y = v(x.today({ c: u, disabled: c }));
+  return /* @__PURE__ */ I.createElement(
+    R,
+    {
+      className: y,
+      onClick: f,
+      tabIndex: d,
+      fillMode: "flat",
+      themeColor: "base",
+      role: "link"
+    },
+    C
+  );
 };
-t.propTypes = {
-  max: e.instanceOf(Date).isRequired,
-  min: e.instanceOf(Date).isRequired,
-  onClick: e.func,
-  disabled: e.bool
-}, t.defaultProps = {
-  min: I,
-  max: k
-};
-let a = t;
-u(a);
 export {
-  a as TodayCommand
+  P as TodayCommand,
+  i as todayCommandDefaultProps
 };

package/calendar/components/View.d.ts

@@ -5,10 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { CalendarCellProps } from './CalendarCell.js';
 import { CalendarWeekCellProps } from './CalendarWeekCell.js';
-import { CalendarViewEnum, CellContext, SelectionRange, SelectionRangeEnd, ViewService } from '../models/index.js';
+import { CalendarViewEnum, SelectionRange, SelectionRangeEnd, ViewService } from '../models/index.js';
 import { BusViewService } from '../services/index.js';
 import { WeekDaysFormat } from '../models/WeekDaysFormat';
 import { DateInputsClassStructure } from '@progress/kendo-react-common';
@@ -20,7 +19,7 @@ export interface ViewEventArguments {
     syntheticEvent: React.SyntheticEvent<any>;
     nativeEvent?: any;
     value: Date;
-    target: View;
+    target: any;
 }
 /**
  * @hidden
@@ -60,42 +59,12 @@ export interface ViewProps {
 /**
  * @hidden
  */
-export declare class View extends React.Component<ViewProps, {}> {
-    static propTypes: {
-        activeRangeEnd: PropTypes.Requireable<string | null>;
-        activeView: PropTypes.Validator<number>;
-        cellUID: PropTypes.Validator<string>;
-        direction: PropTypes.Requireable<string>;
-        focusedDate: PropTypes.Validator<Date>;
-        max: PropTypes.Validator<Date>;
-        min: PropTypes.Validator<Date>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        selectedDate: PropTypes.Requireable<NonNullable<Date | (Date | null | undefined)[] | null | undefined>>;
-        showWeekNumbers: PropTypes.Requireable<boolean>;
-        showOtherMonthDays: PropTypes.Requireable<boolean>;
-        viewDate: PropTypes.Validator<Date>;
-    };
-    static defaultProps: {
-        direction: string;
-        selectedDate: Date;
-        showWeekNumbers: boolean;
-    };
-    private intl;
-    private weekService;
-    protected get min(): Date;
-    protected get max(): Date;
-    protected get isHorizontal(): boolean;
-    protected get isMonthView(): boolean;
-    protected get weekNumber(): boolean;
-    protected get selectedDate(): Date | Date[] | null;
-    render(): React.JSX.Element;
-    protected buildWeekNumber: (row: any, idx: number) => React.JSX.Element;
-    protected buildRow: (row: any) => any;
-    protected getWeekNumber(date: Date): number | null;
-    protected firstDate: (row: any) => Date | null;
-    protected firstWeekDateContext: (rowCtx: CellContext[]) => CellContext | null;
-    private handleClick;
-    private handleWeekCellClick;
-    private handleMouseEnter;
-    private handleMouseLeave;
-}
+export declare const viewDefaultProps: {
+    direction: "vertical";
+    selectedDate: Date;
+    showWeekNumbers: boolean;
+};
+/**
+ * @hidden
+ */
+export declare const View: (props: ViewProps) => React.JSX.Element;

package/calendar/components/View.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 W=require("react"),r=require("prop-types"),k=require("@progress/kendo-date-math"),y=require("@progress/kendo-react-intl"),R=require("./CalendarCell.js"),M=require("./CalendarWeekCell.js"),v=require("../models/CalendarViewEnum.js"),w=require("../../utils.js"),S=require("../services/WeekNamesService.js"),a=require("@progress/kendo-react-common");function V(c){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const e in c)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(c,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>c[e]})}}return t.default=c,Object.freeze(t)}const n=V(W),C=(c,t)=>{const e=t;return n.createElement("td",{key:c,role:"gridcell",className:a.classNames(a.uCalendar.td({c:e,isEmpty:!0}))}," ")},h=class h extends n.Component{constructor(){super(...arguments),this.intl=null,this.weekService=null,this.buildWeekNumber=(t,e)=>{if(!this.firstDate(t))return C(`week-cell-${e}`);const i=this.firstDate(t),l=this.getWeekNumber(i),o=`kendo-react-calendar-week-cell-${l}`,d={value:l,firstDate:i,weekDays:t,unstyled:this.props.unstyled,onClick:this.handleWeekCellClick};return this.props.weekCell?n.createElement(this.props.weekCell,{...d,key:o},l):n.createElement(M.CalendarWeekCell,{...d,key:o},l)},this.buildRow=t=>t.map((e,s)=>{if(!e)return C(s);const i={"aria-selected":e.isSelected},l=`kendo-react-calendar-cell-${e.value.getTime()}`,o={...i,...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?n.createElement(this.props.cell,{...o,key:l},e.formattedValue):n.createElement(R.CalendarCell,{...o,key:l},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,s=t[e];for(;!s&&e<t.length;)s=t[++e];return s},this.handleClick=(t,e)=>{const{onChange:s}=this.props;if(s&&e){const i={value:k.cloneDate(t),target:this,nativeEvent:e&&e.nativeEvent,syntheticEvent:e};s.call(void 0,i)}},this.handleWeekCellClick=(t,e,s)=>{const{onWeekSelect:i}=this.props,l=e.findIndex(o=>o&&o.value===t);i&&s&&i.call(void 0,t,l,s)},this.handleMouseEnter=t=>{const{onCellEnter:e}=this.props;e&&e.call(void 0,k.cloneDate(t))},this.handleMouseLeave=t=>{const{onCellLeave:e}=this.props;e&&e.call(void 0,k.cloneDate(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===v.CalendarViewEnum.month}get weekNumber(){return!!(this.props.showWeekNumbers&&this.props.activeView===v.CalendarViewEnum.month)}get selectedDate(){return this.props.selectedDate!==void 0?this.props.selectedDate:h.defaultProps.selectedDate}render(){const{service:t,weekDaysFormat:e,cellUID:s,focusedDate:i,bus:l,activeView:o,selectionRange:d,unstyled:D}=this.props,u=D&&D.uCalendar;this.intl=y.provideIntlService(this),this.weekService=new S.WeekNamesService(this.intl);const g=this.weekService.getWeekNames(this.weekNumber,e),N=t.rowLength(this.weekNumber),b=t.title(this.props.viewDate),E=w.getToday(),O=w.setTime(this.props.viewDate,E),q=t.data({cellUID:s,min:this.min,max:this.max,focusedDate:i,isActiveView:!l.canMoveDown(o),selectedDate:this.selectedDate,selectionRange:d,viewDate:O});return n.createElement(n.Fragment,null,this.isMonthView&&this.isHorizontal&&n.createElement("thead",{role:"rowgroup",className:a.classNames(a.uCalendar.thead({c:u}))},n.createElement("tr",{role:"row",className:a.classNames(a.uCalendar.tr({c:u}))},g.map((m,p)=>n.createElement("th",{key:p,className:a.classNames(a.uCalendar.th({c:u}))},m)))),n.createElement("tbody",{role:"rowgroup",className:a.classNames(a.uCalendar.tbody({c:u}))},!this.isHorizontal&&n.createElement("tr",{role:"presentation",className:a.classNames(a.uCalendar.tr({c:u}))},n.createElement("th",{scope:"col",colSpan:N,className:a.classNames(a.uCalendar.caption({c:u}))},b)),q.map((m,p)=>n.createElement("tr",{role:"row",className:a.classNames(a.uCalendar.tr({c:u})),key:p},this.weekNumber&&this.buildWeekNumber(m,p),this.buildRow(m)))))}getWeekNumber(t){return!this.weekNumber||!this.intl?null:k.weekInYear(t,this.intl.firstDay())}};h.propTypes={activeRangeEnd:r.oneOf(["start","end",null]),activeView:r.number.isRequired,cellUID:r.string.isRequired,direction:r.oneOf(["horizontal","vertical"]),focusedDate:r.instanceOf(Date).isRequired,max:r.instanceOf(Date).isRequired,min:r.instanceOf(Date).isRequired,onChange:r.func,selectedDate:r.oneOfType([r.instanceOf(Date),r.arrayOf(r.instanceOf(Date))]),showWeekNumbers:r.bool,showOtherMonthDays:r.bool,viewDate:r.instanceOf(Date).isRequired},h.defaultProps={direction:"vertical",selectedDate:w.getToday(),showWeekNumbers:!1};let f=h;y.registerForIntl(f);exports.View=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),f=require("@progress/kendo-date-math"),ce=require("@progress/kendo-react-intl"),re=require("./CalendarCell.js"),oe=require("./CalendarWeekCell.js"),S=require("../models/CalendarViewEnum.js"),y=require("../../utils.js"),ie=require("../services/WeekNamesService.js"),a=require("@progress/kendo-react-common");function ue(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const k=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(i,c,k.get?k:{enumerable:!0,get:()=>r[c]})}}return i.default=r,Object.freeze(i)}const l=ue(se),O=(r,i)=>{const c=i;return l.createElement("td",{key:r,role:"gridcell",className:a.classNames(a.uCalendar.td({c,isEmpty:!0}))}," ")},w={direction:"vertical",selectedDate:y.getToday(),showWeekNumbers:!1},me=r=>{const{activeRangeEnd:i,activeView:c,bus:k,cellUID:R,direction:I=w.direction,focusedDate:T,weekCell:N,max:P,weekDaysFormat:j,min:z,cell:h,onCellEnter:E,onCellLeave:v,onChange:g,onWeekSelect:p,selectedDate:L=w.selectedDate,selectionRange:_,service:D,showWeekNumbers:$=w.showWeekNumbers,showOtherMonthDays:x,viewDate:b,allowReverse:A,unstyled:C}=r,W=I==="horizontal",B=c===S.CalendarViewEnum.month,d=!!($&&c===S.CalendarViewEnum.month),F=(e,t)=>{if(g&&t){const s={value:f.cloneDate(e),target:null,nativeEvent:t==null?void 0:t.nativeEvent,syntheticEvent:t};g(s)}},H=(e,t,s)=>{const o=t.findIndex(n=>(n==null?void 0:n.value)===e);p&&s&&p(e,o,s)},K=e=>{E&&E(f.cloneDate(e))},U=e=>{v&&v(f.cloneDate(e))},V=ce.useInternationalization(),Y=new ie.WeekNamesService(V),u=C&&C.uCalendar,G=e=>d?f.weekInYear(e,V.firstDay()):null,J=e=>{if(!d)return null;let t=0,s=e[t];for(;!s&&t<e.length;)s=e[++t];return s},q=e=>{const t=J(e);return t?t.value:null},Q=(e,t)=>{if(!q(e))return O(`week-cell-${t}`);const o=q(e),n=G(o),m=`kendo-react-calendar-week-cell-${n}`,M={value:n,firstDate:o,weekDays:e,unstyled:C,onClick:H};return N?l.createElement(N,{...M,key:m},n):l.createElement(oe.CalendarWeekCell,{...M,key:m},n)},X=e=>e.map((t,s)=>{if(!t)return O(s);const o={"aria-selected":t.isSelected},n=`kendo-react-calendar-cell-${t.value.getTime()}`,m={...o,...t,isDisabled:!t.isInRange,view:c,showOtherMonthDays:x,allowReverse:A,activeRangeEnd:i,unstyled:C,onClick:F,onMouseEnter:K,onMouseLeave:U};return h?l.createElement(h,{...m,key:n},t.formattedValue):l.createElement(re.CalendarCell,{...m,key:n},t.formattedValue)}),Z=Y.getWeekNames(d,j),ee=D.rowLength(d),te=D.title(b),ae=y.getToday(),ne=y.setTime(b,ae),le=D.data({cellUID:R,min:z,max:P,focusedDate:T,isActiveView:!k.canMoveDown(c),selectedDate:L,selectionRange:_,viewDate:ne});return l.createElement(l.Fragment,null,B&&W&&l.createElement("thead",{className:a.classNames(a.uCalendar.thead({c:u}))},l.createElement("tr",{role:"row",className:a.classNames(a.uCalendar.tr({c:u}))},Z.map(e=>l.createElement("th",{key:e,className:a.classNames(a.uCalendar.th({c:u}))},e)))),l.createElement("tbody",{className:a.classNames(a.uCalendar.tbody({c:u}))},!W&&l.createElement("tr",{className:a.classNames(a.uCalendar.tr({c:u}))},l.createElement("th",{scope:"col",colSpan:ee,className:a.classNames(a.uCalendar.caption({c:u}))},te)),le.map((e,t)=>{var o,n;const s=(n=(o=e.find(m=>m!=null))==null?void 0:o.value.getTime())!=null?n:t;return l.createElement("tr",{role:"row",className:a.classNames(a.uCalendar.tr({c:u})),key:s},d&&Q(e,t),X(e))})))};exports.View=me;exports.viewDefaultProps=w;