@progress/kendo-react-dateinputs 15.1.1-develop.3 → 15.2.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/components/Calendar.js +1 -1
- package/calendar/components/Calendar.mjs +1 -1
- package/calendar/components/CalendarHeaderTitle.js +1 -1
- package/calendar/components/CalendarHeaderTitle.mjs +17 -5
- package/calendar/components/HorizontalViewList.js +1 -1
- package/calendar/components/HorizontalViewList.mjs +29 -29
- package/calendar/components/MultiViewCalendar.js +1 -1
- package/calendar/components/MultiViewCalendar.mjs +131 -128
- package/calendar/components/TodayCommand.js +1 -1
- package/calendar/components/TodayCommand.mjs +21 -32
- package/calendar/components/View.js +1 -1
- package/calendar/components/View.mjs +66 -66
- package/calendar/components/ViewList.js +1 -1
- package/calendar/components/ViewList.mjs +135 -125
- package/calendar/models/WeekDaysFormat.d.ts +1 -1
- package/common/AdaptiveMode.js +1 -1
- package/common/AdaptiveMode.mjs +30 -31
- package/dateinput/DateInput.js +1 -1
- package/dateinput/DateInput.mjs +35 -36
- package/datepicker/DatePicker.js +1 -1
- package/datepicker/DatePicker.mjs +184 -183
- package/daterangepicker/DateRangePicker.js +1 -1
- package/daterangepicker/DateRangePicker.mjs +61 -63
- package/datetimepicker/DateTimePicker.d.ts +1 -0
- package/datetimepicker/DateTimePicker.js +1 -1
- package/datetimepicker/DateTimePicker.mjs +117 -118
- package/datetimepicker/models/DateTimePickerSettings.d.ts +7 -0
- package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
- package/messages/index.d.ts +5 -0
- package/messages/index.js +1 -1
- package/messages/index.mjs +46 -44
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/timepicker/TimeList.js +2 -2
- package/timepicker/TimeList.mjs +51 -47
- package/timepicker/TimePart.js +1 -1
- package/timepicker/TimePart.mjs +57 -68
- package/timepicker/TimePicker.d.ts +8 -0
- package/timepicker/TimePicker.js +1 -1
- package/timepicker/TimePicker.mjs +122 -118
- package/timepicker/TimeSelector.js +1 -1
- package/timepicker/TimeSelector.mjs +56 -57
- package/timepicker/models/TimePickerSettings.d.ts +7 -0
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ze=require("react"),r=require("prop-types"),l=require("@progress/kendo-react-common"),c=require("@progress/kendo-date-math"),Le=require("@progress/kendo-react-intl"),We=require("./ViewList.js"),Ue=require("./Navigation.js"),E=require("../models/CalendarViewEnum.js"),d=require("../../utils.js"),Ye=require("../services/BusViewService.js"),He=require("../services/DOMService.js"),Xe=require("../services/NavigationService.js"),Ge=require("../services/ScrollSyncService.js");function Je(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(a,o,i.get?i:{enumerable:!0,get:()=>n[o]})}}return a.default=n,Object.freeze(a)}const t=Je(ze),L=n=>n?n.virtualization:null,te=(n,a,o=u.min,i=u.max)=>a!==void 0?a!==null&&d.isInRange(c.getDate(a),o,i)?a:null:n!==null&&d.isInRange(c.getDate(n),o,i)?n:null,u={disabled:!1,min:d.MIN_DATE,max:d.MAX_DATE,weekDaysFormat:"short",navigation:!0,defaultActiveView:"month",defaultValue:null,topView:"century",bottomView:"month",showOtherMonthDays:!1},ne=l.createPropsContext(),A=t.forwardRef((n,a)=>{const o=l.usePropsContext(ne,n),i=l.useUnstyled(),D=l.useId(o.id),re=Le.useInternationalization(),{disabled:S=u.disabled,min:ae=u.min,max:oe=u.max,weekDaysFormat:ce=u.weekDaysFormat,navigation:ie=u.navigation,defaultActiveView:ue=u.defaultActiveView,defaultValue:se=u.defaultValue,topView:le=u.topView,bottomView:de=u.bottomView,showOtherMonthDays:fe=u.showOtherMonthDays,_ref:W,unstyled:ve,className:we,weekNumber:U,mobileMode:me,focusedDate:ge,value:T,onChange:Y,onFocus:H,onBlur:X,cell:De,weekCell:he,headerTitle:be,header:Ve,tabIndex:B,navigationItem:ye,ariaLabelledBy:pe,ariaDescribedBy:Ce}=o,I=ve||i,m=c.getDate(ae),h=c.getDate(oe),K=E.CalendarViewEnum[de],F=E.CalendarViewEnum[le],Re=D+"-cell-uid",Ee=o.id||D+"-id",Se=({view:e})=>{V.current&&V.current.configure(e),R({activeView:e})},Ie=()=>x.current,G=e=>{V.current&&V.current.sync(L(Q.current),L(f.current),e)},Oe=e=>{if(S)return;x.current=!0;const y=c.cloneDate(e.value);R({focusedDate:y})},J=e=>{const y=c.cloneDate(e.value),p=c.cloneDate(e.value),$=C.current.canMoveDown(v.activeView);if(!S){if($)if(e.isTodayClick)C.current.moveToBottom(v.activeView);else{C.current.moveDown(v.activeView,e.syntheticEvent),R({focusedDate:p});return}if(R({value:y,focusedDate:p}),k.current=y,Y){const j={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:y,target:_.current};Y(j)}k.current=void 0}},Pe=e=>{M.current=!0,f.current&&(f.current.focusActiveDate(),H&&H(e))},ke=e=>{M.current=!1,f.current&&(f.current.blurActiveDate(),X&&X(e))},Me=e=>{const{keyCode:p,ctrlKey:$,metaKey:j}=e;if(!(!g||!O)){if(p===84&&R({focusedDate:d.getToday()}),($||j)&&(p===l.Keys.left||p===l.Keys.right)){if(S)return;x.current=!0;const w=c.cloneDate(g);w.getDate()===31&&w.setDate(30);const z=p===l.Keys.left?w.getMonth()-1:w.getMonth()+1,je=new Date(w.setMonth(z));R({focusedDate:c.cloneDate(je)})}if(p===l.Keys.enter){if(s!==null&&c.isEqualDate(g,s)){const z=d.dateInRange(g,m,h);L(f.current).scrollToIndex(O.skip(z,m))}const w={syntheticEvent:e,nativeEvent:e.nativeEvent,value:g,target:f.current};J(w)}else{const w=d.dateInRange(Z.current.move(g,Z.current.action(e),v.activeView,O,e),m,h);if(c.isEqualDate(g,w))return;R({focusedDate:w})}e.preventDefault()}},qe=e=>{e.preventDefault()},xe=e=>{b.current&&b.current.focus({preventScroll:!0})},_=t.useRef(null);t.useImperativeHandle(_,()=>({get element(){return b.current},get value(){return s},get props(){return o},focus:()=>{var e;return(e=b.current)==null?void 0:e.focus()}})),t.useImperativeHandle(a,()=>_.current);const b=t.useRef(null),Q=t.useRef(null),f=t.useRef(null),P=t.useRef(new He.DOMService),C=t.useRef(new Ye.BusViewService(Se)),Z=t.useRef(new Xe.NavigationService(C.current)),V=t.useRef(null),k=t.useRef(void 0),M=t.useRef(!1),q=t.useRef(null),x=t.useRef(!1),[v,Ne]=t.useState(()=>{const e=te(se,T,m,h);return{value:e,activeView:d.viewInRange(E.CalendarViewEnum[ue],K,F),focusedDate:d.dateInRange(ge||e||d.getToday(),m,h)}}),R=e=>{Ne(y=>({...y,...e}))},[,Ae]=t.useReducer(e=>e+1,0);t.useEffect(()=>{Promise.resolve().then(()=>{l.setScrollbarWidth(),b.current&&(P.current.calculateHeights(b.current,I),V.current=new Ge.ScrollSyncService(P.current),V.current.configure(v.activeView),Ae())})},[]),t.useEffect(()=>{l.setScrollbarWidth(),V.current&&V.current.configure(ee),f.current&&(M.current?f.current.focusActiveDate:f.current.blurActiveDate)(),x.current=!1,M.current&&(q.current=s)});let s;k.current!==void 0?s=k.current:T!==void 0?s=T:s=v.value;const Te=I&&I.uCalendar,Be=s!==null&&q.current!==null?!c.isEqualDate(s,q.current):s!==q.current,ee=d.viewInRange(v.activeView,K,F),N=te(s,s,m,h),Ke=N?c.getDate(N):null,g=c.getDate(d.dateInRange(Be&&N!==null?N:v.focusedDate,m,h));C.current.configure(K,F);const O=C.current.service(ee,re),{smoothScroll:Fe=Number.parseFloat(t.version)<18}=o,_e=l.classNames(l.uCalendar.wrapper({c:Te,disabled:S,weekNumber:U,mobileMode:me}),we);t.useEffect(()=>{W&&W({element:b.current})});const $e=[ie&&t.createElement(Ue.Navigation,{key:0,ref:Q,activeView:v.activeView,focusedDate:g,min:m,max:h,onScroll:G,onChange:Oe,service:O,dom:P.current,navigationItem:ye,tabIndex:B,unstyled:I}),t.createElement(We.ViewList,{key:1,ref:f,activeView:v.activeView,focusedDate:g,min:m,max:h,bus:C.current,shouldScroll:Ie,onScroll:G,service:O,cell:De,weekCell:he,dom:P.current,smoothScroll:Fe,showWeekNumbers:U,onChange:J,value:Ke,cellUID:Re,headerTitle:be,header:Ve,tabIndex:B,weekDaysFormat:ce,showOtherMonthDays:fe,unstyled:I})];return t.createElement("div",{ref:b,className:_e,id:Ee,"aria-labelledby":pe,"aria-describedby":Ce,"aria-disabled":S,tabIndex:S?void 0:B||0,onFocus:Pe,onBlur:ke,onKeyDown:Me,onMouseDown:qe,onClick:xe},$e)});A.propTypes={className:r.string,defaultActiveView:r.oneOf(["month","year","decade","century"]),defaultValue:r.instanceOf(Date),disabled:r.bool,focusedDate:r.instanceOf(Date),id:r.string,ariaLabelledBy:r.string,ariaDescribedBy:r.string,weekDaysFormat:r.oneOf(["short","abbreviated","narrow"]),max:r.instanceOf(Date),min:r.instanceOf(Date),navigation:r.bool,smoothScroll:r.bool,onBlur:r.func,onChange:r.func,onFocus:r.func,tabIndex:r.number,value:r.instanceOf(Date),weekNumber:r.bool,topView:(n,a,o)=>{const i=n[a],D=n.bottomView;return i&&D&&E.CalendarViewEnum[i]<E.CalendarViewEnum[D]?new Error(`Invalid prop + ${a} suplied to ${o}.
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ze=require("react"),r=require("prop-types"),l=require("@progress/kendo-react-common"),c=require("@progress/kendo-date-math"),Le=require("@progress/kendo-react-intl"),We=require("./ViewList.js"),Ue=require("./Navigation.js"),E=require("../models/CalendarViewEnum.js"),d=require("../../utils.js"),Ye=require("../services/BusViewService.js"),He=require("../services/DOMService.js"),Xe=require("../services/NavigationService.js"),Ge=require("../services/ScrollSyncService.js");function Je(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(a,o,i.get?i:{enumerable:!0,get:()=>n[o]})}}return a.default=n,Object.freeze(a)}const t=Je(ze),L=n=>n?n.virtualization:null,te=(n,a,o=u.min,i=u.max)=>a!==void 0?a!==null&&d.isInRange(c.getDate(a),o,i)?a:null:n!==null&&d.isInRange(c.getDate(n),o,i)?n:null,u={disabled:!1,min:d.MIN_DATE,max:d.MAX_DATE,weekDaysFormat:"short",navigation:!0,defaultActiveView:"month",defaultValue:null,topView:"century",bottomView:"month",showOtherMonthDays:!1},ne=l.createPropsContext(),A=t.forwardRef((n,a)=>{const o=l.usePropsContext(ne,n),i=l.useUnstyled(),D=l.useId(o.id),re=Le.useInternationalization(),{disabled:S=u.disabled,min:ae=u.min,max:oe=u.max,weekDaysFormat:ce=u.weekDaysFormat,navigation:ie=u.navigation,defaultActiveView:ue=u.defaultActiveView,defaultValue:se=u.defaultValue,topView:le=u.topView,bottomView:de=u.bottomView,showOtherMonthDays:fe=u.showOtherMonthDays,_ref:W,unstyled:ve,className:we,weekNumber:U,mobileMode:me,focusedDate:ge,value:T,onChange:Y,onFocus:H,onBlur:X,cell:De,weekCell:he,headerTitle:be,header:Ve,tabIndex:B,navigationItem:ye,ariaLabelledBy:pe,ariaDescribedBy:Ce}=o,I=ve||i,m=c.getDate(ae),h=c.getDate(oe),K=E.CalendarViewEnum[de],F=E.CalendarViewEnum[le],Re=D+"-cell-uid",Ee=o.id||D+"-id",Se=({view:e})=>{V.current&&V.current.configure(e),R({activeView:e})},Ie=()=>x.current,G=e=>{V.current&&V.current.sync(L(Q.current),L(f.current),e)},Oe=e=>{if(S)return;x.current=!0;const y=c.cloneDate(e.value);R({focusedDate:y})},J=e=>{const y=c.cloneDate(e.value),p=c.cloneDate(e.value),$=C.current.canMoveDown(v.activeView);if(!S){if($)if(e.isTodayClick)C.current.moveToBottom(v.activeView);else{C.current.moveDown(v.activeView,e.syntheticEvent),R({focusedDate:p});return}if(R({value:y,focusedDate:p}),k.current=y,Y){const j={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:y,target:_.current};Y(j)}k.current=void 0}},Pe=e=>{M.current=!0,f.current&&(f.current.focusActiveDate(),H&&H(e))},ke=e=>{M.current=!1,f.current&&(f.current.blurActiveDate(),X&&X(e))},Me=e=>{const{keyCode:p,ctrlKey:$,metaKey:j}=e;if(!(!g||!O)){if(p===84&&R({focusedDate:d.getToday()}),($||j)&&(p===l.Keys.left||p===l.Keys.right)){if(S)return;x.current=!0;const w=c.cloneDate(g);w.getDate()===31&&w.setDate(30);const z=p===l.Keys.left?w.getMonth()-1:w.getMonth()+1,je=new Date(w.setMonth(z));R({focusedDate:c.cloneDate(je)})}if(p===l.Keys.enter){if(s!==null&&c.isEqualDate(g,s)){const z=d.dateInRange(g,m,h);L(f.current).scrollToIndex(O.skip(z,m))}const w={syntheticEvent:e,nativeEvent:e.nativeEvent,value:g,target:f.current};J(w)}else{const w=d.dateInRange(Z.current.move(g,Z.current.action(e),v.activeView,O,e),m,h);if(c.isEqualDate(g,w))return;R({focusedDate:w})}e.preventDefault()}},qe=e=>{e.preventDefault()},xe=e=>{b.current&&b.current.focus({preventScroll:!0})},_=t.useRef(null);t.useImperativeHandle(_,()=>({get element(){return b.current},get value(){return s},get props(){return o},focus:()=>{var e;return(e=b.current)==null?void 0:e.focus()}})),t.useImperativeHandle(a,()=>_.current);const b=t.useRef(null),Q=t.useRef(null),f=t.useRef(null),P=t.useRef(new He.DOMService),C=t.useRef(new Ye.BusViewService(Se)),Z=t.useRef(new Xe.NavigationService(C.current)),V=t.useRef(null),k=t.useRef(void 0),M=t.useRef(!1),q=t.useRef(null),x=t.useRef(!1),[v,Ne]=t.useState(()=>{const e=te(se,T,m,h);return{value:e,activeView:d.viewInRange(E.CalendarViewEnum[ue],K,F),focusedDate:d.dateInRange(ge||e||d.getToday(),m,h)}}),R=e=>{Ne(y=>({...y,...e}))},[,Ae]=t.useReducer(e=>e+1,0);t.useEffect(()=>{Promise.resolve().then(()=>{l.setScrollbarWidth(),b.current&&(P.current.calculateHeights(b.current,I),V.current=new Ge.ScrollSyncService(P.current),V.current.configure(v.activeView),Ae())})},[]),t.useEffect(()=>{l.setScrollbarWidth(),V.current&&V.current.configure(ee),f.current&&(M.current?f.current.focusActiveDate:f.current.blurActiveDate)(),x.current=!1,M.current&&(q.current=s)});let s;k.current!==void 0?s=k.current:T!==void 0?s=T:s=v.value;const Te=I&&I.uCalendar,Be=s!==null&&q.current!==null?!c.isEqualDate(s,q.current):s!==q.current,ee=d.viewInRange(v.activeView,K,F),N=te(s,s,m,h),Ke=N?c.getDate(N):null,g=c.getDate(d.dateInRange(Be&&N!==null?N:v.focusedDate,m,h));C.current.configure(K,F);const O=C.current.service(ee,re),{smoothScroll:Fe=Number.parseFloat(t.version)<18}=o,_e=l.classNames(l.uCalendar.wrapper({c:Te,disabled:S,weekNumber:U,mobileMode:me}),we);t.useEffect(()=>{W&&W({element:b.current})});const $e=[ie&&t.createElement(Ue.Navigation,{key:0,ref:Q,activeView:v.activeView,focusedDate:g,min:m,max:h,onScroll:G,onChange:Oe,service:O,dom:P.current,navigationItem:ye,tabIndex:B,unstyled:I}),t.createElement(We.ViewList,{key:1,ref:f,activeView:v.activeView,focusedDate:g,min:m,max:h,bus:C.current,shouldScroll:Ie,onScroll:G,service:O,cell:De,weekCell:he,dom:P.current,smoothScroll:Fe,showWeekNumbers:U,onChange:J,value:Ke,cellUID:Re,headerTitle:be,header:Ve,tabIndex:B,weekDaysFormat:ce,showOtherMonthDays:fe,unstyled:I})];return t.createElement("div",{ref:b,className:_e,id:Ee,"aria-labelledby":pe,"aria-describedby":Ce,"aria-disabled":S?!0:void 0,tabIndex:S?void 0:B||0,onFocus:Pe,onBlur:ke,onKeyDown:Me,onMouseDown:qe,onClick:xe},$e)});A.propTypes={className:r.string,defaultActiveView:r.oneOf(["month","year","decade","century"]),defaultValue:r.instanceOf(Date),disabled:r.bool,focusedDate:r.instanceOf(Date),id:r.string,ariaLabelledBy:r.string,ariaDescribedBy:r.string,weekDaysFormat:r.oneOf(["short","abbreviated","narrow"]),max:r.instanceOf(Date),min:r.instanceOf(Date),navigation:r.bool,smoothScroll:r.bool,onBlur:r.func,onChange:r.func,onFocus:r.func,tabIndex:r.number,value:r.instanceOf(Date),weekNumber:r.bool,topView:(n,a,o)=>{const i=n[a],D=n.bottomView;return i&&D&&E.CalendarViewEnum[i]<E.CalendarViewEnum[D]?new Error(`Invalid prop + ${a} suplied to ${o}.
|
|
9
9
|
${a} can not be smaller than bottomView.
|
|
10
10
|
`):null},bottomView:(n,a,o)=>{const i=n[a],D=n.topView;return i&&D&&E.CalendarViewEnum[i]>E.CalendarViewEnum[D]?new Error(`Invalid prop + ${a} suplied to ${o}.
|
|
11
11
|
${a} can not be bigger than topView.
|
|
@@ -255,7 +255,7 @@ const W = (r) => r ? r.virtualization : null, ie = (r, o, a = i.min, u = i.max)
|
|
|
255
255
|
id: Pe,
|
|
256
256
|
"aria-labelledby": Ie,
|
|
257
257
|
"aria-describedby": ke,
|
|
258
|
-
"aria-disabled": R,
|
|
258
|
+
"aria-disabled": R ? !0 : void 0,
|
|
259
259
|
tabIndex: R ? void 0 : K || 0,
|
|
260
260
|
onFocus: Ne,
|
|
261
261
|
onBlur: Be,
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@progress/kendo-react-buttons"),c=require("@progress/kendo-react-intl"),r=require("../../messages/index.js");function u(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const s=u(l),d=e=>{const{view:a,...t}=e,o=c.useLocalization().toLanguageString(r.titleAriaLabel,r.messages[r.titleAriaLabel]);return s.createElement(i.Button,{type:"button",fillMode:"flat",themeColor:"primary","aria-label":`${o} ${e.value}`,...t},e.children)};exports.CalendarHeaderTitle=d;
|
|
@@ -5,12 +5,24 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
import * as i from "react";
|
|
8
9
|
import { Button as r } from "@progress/kendo-react-buttons";
|
|
9
|
-
import
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
import { useLocalization as l } from "@progress/kendo-react-intl";
|
|
11
|
+
import { titleAriaLabel as e, messages as n } from "../../messages/index.mjs";
|
|
12
|
+
const g = (t) => {
|
|
13
|
+
const { view: m, ...a } = t, o = l().toLanguageString(e, n[e]);
|
|
14
|
+
return /* @__PURE__ */ i.createElement(
|
|
15
|
+
r,
|
|
16
|
+
{
|
|
17
|
+
type: "button",
|
|
18
|
+
fillMode: "flat",
|
|
19
|
+
themeColor: "primary",
|
|
20
|
+
"aria-label": `${o} ${t.value}`,
|
|
21
|
+
...a
|
|
22
|
+
},
|
|
23
|
+
t.children
|
|
24
|
+
);
|
|
13
25
|
};
|
|
14
26
|
export {
|
|
15
|
-
|
|
27
|
+
g as CalendarHeaderTitle
|
|
16
28
|
};
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),U=require("./View.js"),u=require("../models/CalendarViewEnum.js"),B=require("@progress/kendo-react-common"),K=require("@progress/kendo-date-math"),C=require("../../utils.js");function X(
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),U=require("./View.js"),u=require("../models/CalendarViewEnum.js"),B=require("@progress/kendo-react-common"),K=require("@progress/kendo-date-math"),C=require("../../utils.js");function X(r){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(l,o,i.get?i:{enumerable:!0,get:()=>r[o]})}}return l.default=r,Object.freeze(l)}const t=X(I),D=2,s={showWeekNumbers:!1,views:D,take:D,allowReverse:!0,weekDaysFormat:"short",min:C.MIN_DATE,max:C.MAX_DATE},E=t.forwardRef((r,l)=>{const{showWeekNumbers:o=s.showWeekNumbers,allowReverse:i=s.allowReverse,weekDaysFormat:b=s.weekDaysFormat,min:p=s.min,max:V=s.max,activeView:c,bus:N,cellUID:g,focusedDate:S,onChange:w,onWeekSelect:k,selectionRange:v,service:L,value:T,onCellEnter:q,cell:O,weekCell:z,showOtherMonthDays:A,dates:H,verticalView:h}=r,_=!!(o&&c===u.CalendarViewEnum.month),y=()=>{if(!a.current)return;const e=a.current.querySelector("td.k-focus"),n=a.current.querySelector(".k-state-pending-focus");e&&e[0]&&e[0].classList.remove("k-focus"),n&&n.classList.add("k-focus"),f.current=!0},M=()=>{if(!a.current)return;const e=a.current.querySelector("td.k-focus");e&&e.classList.remove("k-focus"),f.current=!1},W=e=>{if(e.start===null||e.end===null)return e;const n=e.end<e.start;return{start:n?e.end:e.start,end:n?e.start:e.end}},j=(e,n,d)=>{k&&d&&k(e,n,d)},P=(e,n=!1)=>{if(w){const d={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:K.cloneDate(e.value),target:m.current,isTodayClick:n};w(d)}},m=t.useRef(null);t.useImperativeHandle(m,()=>({element:a.current,focusActiveDate:y,blurActiveDate:M})),t.useImperativeHandle(l,()=>m.current);const a=t.useRef(null),f=t.useRef(!1);t.useEffect(()=>{f.current&&y()});const F=i?W(v):v,x=B.classNames("k-calendar-view k-align-items-start k-justify-content-center",{"k-vstack":h,"k-hstack":!h,"k-calendar-monthview":c===u.CalendarViewEnum.month,"k-calendar-yearview":c===u.CalendarViewEnum.year,"k-calendar-decadeview":c===u.CalendarViewEnum.decade,"k-calendar-centuryview":c===u.CalendarViewEnum.century});return t.createElement("div",{ref:a,className:x,role:"grid"},H.map(e=>t.createElement("table",{className:"k-calendar-table",key:e.getTime(),role:"none"},t.createElement(U.View,{bus:N,weekDaysFormat:b,service:L,key:e.getTime(),direction:"horizontal",activeView:c,cellUID:g,viewDate:e,min:p,max:V,focusedDate:S,selectionRange:F,selectedDate:T,showWeekNumbers:_,onChange:P,onWeekSelect:j,onCellEnter:q,cell:O,weekCell:z,showOtherMonthDays:A,allowReverse:i}))))});E.displayName="KendoReactHorizontalViewList";const R=E;R.defaultProps=s;exports.HorizontalViewList=R;exports.horizontalViewListDefaultProps=s;
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
9
|
import { View as O } from "./View.mjs";
|
|
10
|
-
import { CalendarViewEnum as
|
|
10
|
+
import { CalendarViewEnum as a } from "../models/CalendarViewEnum.mjs";
|
|
11
11
|
import { classNames as U } from "@progress/kendo-react-common";
|
|
12
12
|
import { cloneDate as P } from "@progress/kendo-date-math";
|
|
13
13
|
import { MIN_DATE as j, MAX_DATE as B } from "../../utils.mjs";
|
|
14
|
-
const w = 2,
|
|
14
|
+
const w = 2, o = {
|
|
15
15
|
showWeekNumbers: !1,
|
|
16
16
|
views: w,
|
|
17
17
|
take: w,
|
|
@@ -22,11 +22,11 @@ const w = 2, a = {
|
|
|
22
22
|
}, h = t.forwardRef(
|
|
23
23
|
(y, R) => {
|
|
24
24
|
const {
|
|
25
|
-
showWeekNumbers: p =
|
|
26
|
-
allowReverse: u =
|
|
27
|
-
weekDaysFormat: D =
|
|
28
|
-
min: C =
|
|
29
|
-
max: E =
|
|
25
|
+
showWeekNumbers: p = o.showWeekNumbers,
|
|
26
|
+
allowReverse: u = o.allowReverse,
|
|
27
|
+
weekDaysFormat: D = o.weekDaysFormat,
|
|
28
|
+
min: C = o.min,
|
|
29
|
+
max: E = o.max,
|
|
30
30
|
activeView: r,
|
|
31
31
|
bus: N,
|
|
32
32
|
cellUID: b,
|
|
@@ -42,34 +42,34 @@ const w = 2, a = {
|
|
|
42
42
|
showOtherMonthDays: W,
|
|
43
43
|
dates: g,
|
|
44
44
|
verticalView: k
|
|
45
|
-
} = y, x = !!(p && r ===
|
|
46
|
-
if (!
|
|
45
|
+
} = y, x = !!(p && r === a.month), v = () => {
|
|
46
|
+
if (!s.current)
|
|
47
47
|
return;
|
|
48
|
-
const e =
|
|
49
|
-
e && e[0] && e[0].classList.remove("k-focus"),
|
|
48
|
+
const e = s.current.querySelector("td.k-focus"), n = s.current.querySelector(".k-state-pending-focus");
|
|
49
|
+
e && e[0] && e[0].classList.remove("k-focus"), n && n.classList.add("k-focus"), i.current = !0;
|
|
50
50
|
}, z = () => {
|
|
51
|
-
if (!
|
|
51
|
+
if (!s.current)
|
|
52
52
|
return;
|
|
53
|
-
const e =
|
|
53
|
+
const e = s.current.querySelector("td.k-focus");
|
|
54
54
|
e && e.classList.remove("k-focus"), i.current = !1;
|
|
55
55
|
}, F = (e) => {
|
|
56
56
|
if (e.start === null || e.end === null)
|
|
57
57
|
return e;
|
|
58
|
-
const
|
|
58
|
+
const n = e.end < e.start;
|
|
59
59
|
return {
|
|
60
|
-
start:
|
|
61
|
-
end:
|
|
60
|
+
start: n ? e.end : e.start,
|
|
61
|
+
end: n ? e.start : e.end
|
|
62
62
|
};
|
|
63
|
-
}, _ = (e,
|
|
64
|
-
f && c && f(e,
|
|
65
|
-
}, I = (e,
|
|
63
|
+
}, _ = (e, n, c) => {
|
|
64
|
+
f && c && f(e, n, c);
|
|
65
|
+
}, I = (e, n = !1) => {
|
|
66
66
|
if (m) {
|
|
67
67
|
const c = {
|
|
68
68
|
syntheticEvent: e.syntheticEvent,
|
|
69
69
|
nativeEvent: e.nativeEvent,
|
|
70
70
|
value: P(e.value),
|
|
71
71
|
target: l.current,
|
|
72
|
-
isTodayClick:
|
|
72
|
+
isTodayClick: n
|
|
73
73
|
};
|
|
74
74
|
m(c);
|
|
75
75
|
}
|
|
@@ -77,7 +77,7 @@ const w = 2, a = {
|
|
|
77
77
|
t.useImperativeHandle(
|
|
78
78
|
l,
|
|
79
79
|
() => ({
|
|
80
|
-
element:
|
|
80
|
+
element: s.current,
|
|
81
81
|
focusActiveDate: v,
|
|
82
82
|
blurActiveDate: z
|
|
83
83
|
})
|
|
@@ -85,19 +85,19 @@ const w = 2, a = {
|
|
|
85
85
|
R,
|
|
86
86
|
() => l.current
|
|
87
87
|
);
|
|
88
|
-
const
|
|
88
|
+
const s = t.useRef(null), i = t.useRef(!1);
|
|
89
89
|
t.useEffect(() => {
|
|
90
90
|
i.current && v();
|
|
91
91
|
});
|
|
92
92
|
const M = u ? F(d) : d, q = U("k-calendar-view k-align-items-start k-justify-content-center", {
|
|
93
93
|
"k-vstack": k,
|
|
94
94
|
"k-hstack": !k,
|
|
95
|
-
"k-calendar-monthview": r ===
|
|
96
|
-
"k-calendar-yearview": r ===
|
|
97
|
-
"k-calendar-decadeview": r ===
|
|
98
|
-
"k-calendar-centuryview": r ===
|
|
95
|
+
"k-calendar-monthview": r === a.month,
|
|
96
|
+
"k-calendar-yearview": r === a.year,
|
|
97
|
+
"k-calendar-decadeview": r === a.decade,
|
|
98
|
+
"k-calendar-centuryview": r === a.century
|
|
99
99
|
});
|
|
100
|
-
return /* @__PURE__ */ t.createElement("div", { ref:
|
|
100
|
+
return /* @__PURE__ */ t.createElement("div", { ref: s, className: q, role: "grid" }, g.map((e) => /* @__PURE__ */ t.createElement("table", { className: "k-calendar-table", key: e.getTime(), role: "none" }, /* @__PURE__ */ t.createElement(
|
|
101
101
|
O,
|
|
102
102
|
{
|
|
103
103
|
bus: N,
|
|
@@ -127,8 +127,8 @@ const w = 2, a = {
|
|
|
127
127
|
);
|
|
128
128
|
h.displayName = "KendoReactHorizontalViewList";
|
|
129
129
|
const K = h;
|
|
130
|
-
K.defaultProps =
|
|
130
|
+
K.defaultProps = o;
|
|
131
131
|
export {
|
|
132
132
|
K as HorizontalViewList,
|
|
133
|
-
|
|
133
|
+
o as horizontalViewListDefaultProps
|
|
134
134
|
};
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const kt=require("react"),n=require("prop-types"),C=require("@progress/kendo-react-common"),c=require("@progress/kendo-date-math"),Se=require("@progress/kendo-react-intl"),Te=require("@progress/kendo-react-buttons"),U=require("@progress/kendo-svg-icons"),X=require("../models/NavigationAction.js"),J=require("../models/CalendarViewEnum.js"),Et=require("../models/SelectionRange.js"),It=require("./Header.js"),s=require("../../utils.js"),S=require("../../messages/index.js"),Mt=require("../services/BusViewService.js"),Ot=require("../services/NavigationService.js"),xt=require("./HorizontalViewList.js"),At=require("./TodayCommand.js"),Fe=require("../../package-metadata.js");function St(r){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const v in r)if(v!=="default"){const h=Object.getOwnPropertyDescriptor(r,v);Object.defineProperty(f,v,h.get?h:{enumerable:!0,get:()=>r[v]})}}return f.default=r,Object.freeze(f)}const a=St(kt),T=(r,f=g.min,v=g.max)=>r instanceof Date&&!Array.isArray(r)&&s.isInRange(c.getDate(r),f,v)?c.getDate(r):null,oe=(r,f=g.min,v=g.max)=>Array.isArray(r)?r.filter(h=>s.isInRange(h,f,v)).map(h=>c.getDate(h)):null,Q=r=>typeof r=="object"&&!(r instanceof Date)&&r!==null&&!Array.isArray(r)?r:Et.EMPTY_SELECTIONRANGE,Pe=(r,f,v)=>r||f&&f[0]||v&&v.start,Tt=(r,f)=>r.start===null&&f===null?"start":r.end===null?"end":"start",g={disabled:!1,min:s.MIN_DATE,max:s.MAX_DATE,defaultActiveView:"month",defaultValue:null,topView:"century",weekDaysFormat:"short",tabIndex:0,bottomView:"month",views:2,allowReverse:!1,showOtherMonthDays:!1},Ne=C.createPropsContext(),Z=a.forwardRef((r,f)=>{var Ae;const v=a.useMemo(()=>!C.validatePackage(Fe.packageMetadata,{component:"MultiViewCalendar"}),[]),h=a.useMemo(()=>C.getLicenseMessage(Fe.packageMetadata),[]),q=C.usePropsContext(Ne,r),se=C.useId(q.id),{disabled:B=g.disabled,min:qe=g.min,max:Be=g.max,defaultActiveView:ie=g.defaultActiveView,defaultValue:Le=g.defaultValue,topView:Ke=g.topView,bottomView:_e=g.bottomView,weekDaysFormat:We=g.weekDaysFormat,tabIndex:Ye=g.tabIndex,views:x=g.views,allowReverse:le=g.allowReverse,showOtherMonthDays:je=g.showOtherMonthDays,_ref:ue,className:He,weekNumber:ze,mobileMode:de,focusedDate:$e,value:L,onChange:K,onFocus:fe,onBlur:ge,cell:Ge,weekCell:Ue,headerTitle:ve,mode:F,activeRangeEnd:_,ariaLabelledBy:Xe,ariaDescribedBy:Je,dir:De}=q,u=c.getDate(qe),d=c.getDate(Be),W=J.CalendarViewEnum[_e],Y=J.CalendarViewEnum[Ke],j=De==="rtl",Qe=se+"-cell-uid",Ze=se+"-wrapper-id",et=e=>({start:e,end:null}),tt=(e,t)=>({start:e.start,end:e.end===null&&e.start!==null&&H.current?t:e.end}),nt=(e,t)=>{const{end:o,start:i}=t,m=_!==void 0?_:z.current,l=t.start!==null&&e.getTime()<=t.start.getTime(),b=Q(D),V=T(D,u,d);return!le&&l?{start:e,end:b.start}:m!=="end"?{start:e,end:o}:{start:i||V,end:e}},we=e=>{if(!E.current)return!1;const t=c.cloneDate(I),o=E.current.move(t,e);return u<=o&&o<=d||E.current.isInSameView(o,u)||E.current.isInSameView(o,d)},me=(e,t)=>!!t&&c.firstDayOfMonth(t)<=e&&e<=c.lastDayOfMonth(t),ee=(e,t)=>{k.current=!1;const o=te(e,t);R({navigateDate:o,focusedDate:o})},te=(e,t)=>at(E.current.move(t,e)),at=e=>s.dateInRange(e,u,d),rt=e=>{F==="range"&&(k.current=!1,R({focusedDate:e}))},ct=e=>{e.preventDefault()},ot=e=>{A.current&&A.current.focus({preventScroll:!0})},st=e=>{H.current=!0,M.current&&(M.current.focusActiveDate(),fe&&fe(e))},it=e=>{H.current=!1,M.current&&(M.current.blurActiveDate(),ge&&ge(e))},lt=e=>{Ie&&ne(e)},he=()=>{const e=X.Action.PrevView,t=c.cloneDate(I);if(p.activeView>0&&t.getFullYear()>y.current[0].getFullYear())ee(e,te(e,t));else{const o=me(t,y.current[1])?te(e,t):t;ee(e,o)}},pe=()=>{ee(X.Action.NextView,c.cloneDate(I))},ut=e=>{const{keyCode:o,ctrlKey:i,metaKey:m}=e;if(o===84){const l=s.getToday();k.current=!1,R({focusedDate:l,navigateDate:l})}if((i||m)&&(o===C.Keys.left&&he(),o===C.Keys.right&&pe()),o===C.Keys.enter){const l={syntheticEvent:e,nativeEvent:e.nativeEvent,value:c.cloneDate(I),target:P.current};ne(l)}else{const l=s.dateInRange(Ve.current.move(I,Ve.current.action(e),p.activeView,E.current,e),u,d);if(c.isEqualDate(I,l))return;y.current&&E.current&&!E.current.isInArray(l,y.current)&&R({navigateDate:l}),k.current=!1,R({focusedDate:l})}e.preventDefault()},dt=({view:e})=>{k.current=!1,ye(t=>({...t,activeView:e,navigateDate:t.focusedDate}))},ft=(e,t,o)=>{if(F==="single")return;const i=0,m=6,l=t===i?e:c.addDays(e,-t),b=t===m?e:c.addDays(e,m-t);let V=null;if(F==="multiple"){V=[];for(let w=i;w<=m;w++)V.push(c.addDays(l,w));R({value:V,focusedDate:e})}if(F==="range"&&(V={start:l,end:b},R({value:V,focusedDate:e})),K){const w={syntheticEvent:o,nativeEvent:o.nativeEvent,value:V,target:P.current};K(w)}},ne=e=>{const t=c.cloneDate(e.value),o=O.current.canMoveDown(p.activeView);if(B)return;if(o)if(e.isTodayClick)O.current.moveToBottom(p.activeView);else{O.current.moveDown(p.activeView,e.syntheticEvent),R({focusedDate:t,navigateDate:t});return}k.current=!0;let i;const m=oe(D,u,d),l=T(D,u,d),b=Q(D),V=_!==void 0?_:z.current;switch(F){case"single":i=c.cloneDate(e.value);break;case"multiple":if(Array.isArray(m)){const w=m.slice();let ce=-1;w.forEach((bt,Ct)=>{c.isEqualDate(bt,e.value)&&(ce=Ct)}),ce!==-1?w.splice(ce,1):w.push(c.cloneDate(e.value)),i=w.slice()}else l?i=[c.cloneDate(l),c.cloneDate(e.value)]:i=[c.cloneDate(e.value)];break;case"range":{i=b.start!==null&&b.end!==null&&V==="start"?et(e.value):nt(e.value,b),z.current=V!=="end"?"end":"start";break}default:i=c.cloneDate(e.value);break}if(N.current=i,e.isTodayClick&&R({navigateDate:t}),R({value:i,focusedDate:t}),N.current=i,K){const w={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:i,target:P.current};K(w)}N.current=void 0},P=a.useRef(null);a.useImperativeHandle(P,()=>({get element(){return A.current},get focusedDate(){return c.cloneDate(I)},get value(){return D},get props(){return q},focus:()=>{var e;return(e=A.current)==null?void 0:e.focus()}})),a.useImperativeHandle(f,()=>P.current);const A=a.useRef(null),M=a.useRef(null),O=a.useRef(new Mt.BusViewService(dt)),Ve=a.useRef(new Ot.NavigationService(O.current)),N=a.useRef(void 0),H=a.useRef(!1),k=a.useRef(!1),z=a.useRef("start"),ae=a.useRef(s.viewInRange(J.CalendarViewEnum[ie],W,Y)),re=a.useRef(x),y=a.useRef([]),E=a.useRef(null),[p,ye]=a.useState(()=>{const e=L!==void 0?L:Le,t=T(e,u,d),o=oe(e,u,d),i=Q(e),m=Pe(t,o,i),l=s.viewInRange(J.CalendarViewEnum[ie],W,Y),b=s.dateInRange($e||m||s.getToday(),u,d);return z.current=Tt(i,t),ae.current=l,re.current=x,{value:e,activeView:l,focusedDate:b,navigateDate:b}}),R=e=>{ye(t=>({...t,...e}))};a.useEffect(()=>{k.current=!0},[]),a.useEffect(()=>{M.current&&(H.current?M.current.focusActiveDate:M.current.blurActiveDate)();const e=T(D,u,d),t=T(D,u,d);k.current=!!(t&&e&&t.getTime()&&e.getTime()),ae.current=p.activeView,re.current=x}),a.useEffect(()=>{ue&&ue({element:A.current})});const gt=Se.useInternationalization(),Re=Se.useLocalization();O.current.configure(W,Y);const $=s.viewInRange(p.activeView,W,Y),G=O.current.service($,gt);E.current=G;let D;N.current!==void 0?D=N.current:L!==void 0?D=L:D=p.value;const be=T(D,u,d),Ce=oe(D,u,d),ke=Q(D),Ee=Pe(be,Ce,ke),I=s.dateInRange(k.current&&Ee!==null?Ee:p.focusedDate,u,d),Ie=s.isInRange(s.getToday(),c.getDate(u),c.getDate(d)),vt=C.classNames("k-calendar k-calendar-range",{"k-disabled":B},He),Dt=tt(ke,I),wt=Re.toLanguageString(S.prevView,S.messages[S.prevView]),mt=Re.toLanguageString(S.nextView,S.messages[S.nextView]),Me=!we(X.Action.PrevView),Oe=!we(X.Action.NextView),ht={"aria-disabled":Me},pt={"aria-disabled":Oe},Vt=ae.current!==$,yt=y.current.length>0&&me(p.navigateDate,y.current[0]),Rt=re.current!==x;(!yt||Vt||Rt)&&(y.current=G.datesList(p.navigateDate,x));const xe=c.cloneDate((Ae=y.current)!=null&&Ae[0]?y.current[0]:s.getToday());return a.createElement("div",{ref:A,className:vt,id:q.id||Ze,"aria-labelledby":Xe,"aria-describedby":Je,tabIndex:B?void 0:Ye,onFocus:st,onBlur:it,onMouseDown:ct,onClick:ot,onKeyDown:ut,"aria-disabled":B,dir:De},a.createElement(It.Header,{key:`.kendo.calendar.header.${xe.getTime()}`,activeView:$,currentDate:xe,min:u,max:d,rangeLength:x,bus:O.current,service:G,headerTitle:ve,verticalView:de,commands:a.createElement(a.Fragment,null,a.createElement(Te.Button,{type:"button",className:"k-calendar-nav-prev",icon:j?"chevron-right":"chevron-left",svgIcon:j?U.chevronRightIcon:U.chevronLeftIcon,fillMode:"flat",title:wt,disabled:Me,onClick:he,...ht}),a.createElement(At.TodayCommand,{min:u,max:d,onClick:lt,disabled:!Ie}),a.createElement(Te.Button,{type:"button",className:"k-calendar-nav-next",icon:j?"chevron-left":"chevron-right",svgIcon:j?U.chevronLeftIcon:U.chevronRightIcon,fillMode:"flat",title:mt,disabled:Oe,onClick:pe,...pt}))}),a.createElement(xt.HorizontalViewList,{ref:M,dates:y.current,activeView:$,focusedDate:c.cloneDate(I),weekDaysFormat:We,min:u,max:d,bus:O.current,service:G,selectionRange:Dt,value:Ce||be,cellUID:Qe,views:x,onChange:ne,onWeekSelect:ft,showWeekNumbers:ze,onCellEnter:rt,cell:Ge,weekCell:Ue,headerTitle:ve,verticalView:de,showOtherMonthDays:je,allowReverse:le}),v&&a.createElement(C.WatermarkOverlay,{message:h}))});Z.propTypes={activeRangeEnd:n.oneOf(["start","end"]),allowReverse:n.bool,bottomView:n.oneOf(["month","year","decade","century"]),className:n.string,defaultActiveView:n.oneOf(["month","year","decade","century"]),defaultValue:n.oneOfType([s.nullable(n.instanceOf(Date)),n.arrayOf(n.instanceOf(Date)),n.shape({start:s.nullable(n.instanceOf(Date)),end:s.nullable(n.instanceOf(Date))})]),disabled:n.bool,focusedDate:n.instanceOf(Date),id:n.string,weekDaysFormat:n.oneOf(["narrow","short","abbreviated"]),ariaLabelledBy:n.string,ariaDescribedBy:n.string,max:n.instanceOf(Date),min:n.instanceOf(Date),mode:n.oneOf(["single","multiple","range"]),onBlur:n.func,onChange:n.func,onFocus:n.func,tabIndex:n.number,topView:n.oneOf(["month","year","decade","century"]),value:n.oneOfType([s.nullable(n.instanceOf(Date)),n.arrayOf(n.instanceOf(Date)),n.shape({start:s.nullable(n.instanceOf(Date).isRequired),end:s.nullable(n.instanceOf(Date).isRequired)})]),views:(r,f,v)=>{const h=r[f];return h!==void 0&&h<1?new Error(`Invalid prop '${f}' supplied to'${v}'. The '${f}' property cannot be less than 1'`):null},weekNumber:n.bool,showOtherMonthDays:n.bool,dir:n.string};Z.displayName="KendoReactMultiViewCalendar";const Ft=Z,Pt=Z;exports.MultiViewCalendar=Pt;exports.MultiViewCalendarPropsContext=Ne;exports.MultiViewCalendarWithoutContext=Ft;exports.multiViewCalendarDefaultProps=g;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const kt=require("react"),n=require("prop-types"),C=require("@progress/kendo-react-common"),c=require("@progress/kendo-date-math"),Pe=require("@progress/kendo-react-intl"),Ne=require("@progress/kendo-react-buttons"),U=require("@progress/kendo-svg-icons"),X=require("../models/NavigationAction.js"),J=require("../models/CalendarViewEnum.js"),Et=require("../models/SelectionRange.js"),It=require("./Header.js"),s=require("../../utils.js"),S=require("../../messages/index.js"),Mt=require("../services/BusViewService.js"),Ot=require("../services/NavigationService.js"),xt=require("./HorizontalViewList.js"),At=require("./TodayCommand.js"),qe=require("../../package-metadata.js");function St(r){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const v in r)if(v!=="default"){const h=Object.getOwnPropertyDescriptor(r,v);Object.defineProperty(f,v,h.get?h:{enumerable:!0,get:()=>r[v]})}}return f.default=r,Object.freeze(f)}const a=St(kt),T=(r,f=g.min,v=g.max)=>r instanceof Date&&!Array.isArray(r)&&s.isInRange(c.getDate(r),f,v)?c.getDate(r):null,oe=(r,f=g.min,v=g.max)=>Array.isArray(r)?r.filter(h=>s.isInRange(h,f,v)).map(h=>c.getDate(h)):null,Q=r=>typeof r=="object"&&!(r instanceof Date)&&r!==null&&!Array.isArray(r)?r:Et.EMPTY_SELECTIONRANGE,Be=(r,f,v)=>r||f&&f[0]||v&&v.start,Tt=(r,f)=>r.start===null&&f===null?"start":r.end===null?"end":"start",g={disabled:!1,min:s.MIN_DATE,max:s.MAX_DATE,defaultActiveView:"month",defaultValue:null,topView:"century",weekDaysFormat:"short",tabIndex:0,bottomView:"month",views:2,allowReverse:!1,showOtherMonthDays:!1},Le=C.createPropsContext(),Z=a.forwardRef((r,f)=>{var Fe;const v=a.useMemo(()=>!C.validatePackage(qe.packageMetadata,{component:"MultiViewCalendar"}),[]),h=a.useMemo(()=>C.getLicenseMessage(qe.packageMetadata),[]),q=C.usePropsContext(Le,r),se=C.useId(q.id),{disabled:B=g.disabled,min:Ke=g.min,max:_e=g.max,defaultActiveView:ie=g.defaultActiveView,defaultValue:We=g.defaultValue,topView:Ye=g.topView,bottomView:je=g.bottomView,weekDaysFormat:He=g.weekDaysFormat,tabIndex:ze=g.tabIndex,views:x=g.views,allowReverse:le=g.allowReverse,showOtherMonthDays:$e=g.showOtherMonthDays,_ref:ue,className:Ge,weekNumber:de,mobileMode:fe,focusedDate:Ue,value:L,onChange:K,onFocus:ge,onBlur:ve,cell:Xe,weekCell:Je,headerTitle:De,mode:F,activeRangeEnd:_,ariaLabelledBy:Qe,ariaDescribedBy:Ze,dir:we}=q,u=c.getDate(Ke),d=c.getDate(_e),W=J.CalendarViewEnum[je],Y=J.CalendarViewEnum[Ye],j=we==="rtl",et=se+"-cell-uid",tt=se+"-wrapper-id",nt=e=>({start:e,end:null}),at=(e,t)=>({start:e.start,end:e.end===null&&e.start!==null&&H.current?t:e.end}),rt=(e,t)=>{const{end:o,start:i}=t,m=_!==void 0?_:z.current,l=t.start!==null&&e.getTime()<=t.start.getTime(),R=Q(D),V=T(D,u,d);return!le&&l?{start:e,end:R.start}:m!=="end"?{start:e,end:o}:{start:i||V,end:e}},me=e=>{if(!E.current)return!1;const t=c.cloneDate(I),o=E.current.move(t,e);return u<=o&&o<=d||E.current.isInSameView(o,u)||E.current.isInSameView(o,d)},he=(e,t)=>!!t&&c.firstDayOfMonth(t)<=e&&e<=c.lastDayOfMonth(t),ee=(e,t)=>{k.current=!1;const o=te(e,t);b({navigateDate:o,focusedDate:o})},te=(e,t)=>ct(E.current.move(t,e)),ct=e=>s.dateInRange(e,u,d),ot=e=>{F==="range"&&(k.current=!1,b({focusedDate:e}))},st=e=>{e.preventDefault()},it=e=>{A.current&&A.current.focus({preventScroll:!0})},lt=e=>{H.current=!0,M.current&&(M.current.focusActiveDate(),ge&&ge(e))},ut=e=>{H.current=!1,M.current&&(M.current.blurActiveDate(),ve&&ve(e))},dt=e=>{Me&&ne(e)},pe=()=>{const e=X.Action.PrevView,t=c.cloneDate(I);if(p.activeView>0&&t.getFullYear()>y.current[0].getFullYear())ee(e,te(e,t));else{const o=he(t,y.current[1])?te(e,t):t;ee(e,o)}},Ve=()=>{ee(X.Action.NextView,c.cloneDate(I))},ft=e=>{const{keyCode:o,ctrlKey:i,metaKey:m}=e;if(o===84){const l=s.getToday();k.current=!1,b({focusedDate:l,navigateDate:l})}if((i||m)&&(o===C.Keys.left&&pe(),o===C.Keys.right&&Ve()),o===C.Keys.enter){const l={syntheticEvent:e,nativeEvent:e.nativeEvent,value:c.cloneDate(I),target:P.current};ne(l)}else{const l=s.dateInRange(ye.current.move(I,ye.current.action(e),p.activeView,E.current,e),u,d);if(c.isEqualDate(I,l))return;y.current&&E.current&&!E.current.isInArray(l,y.current)&&b({navigateDate:l}),k.current=!1,b({focusedDate:l})}e.preventDefault()},gt=({view:e})=>{k.current=!1,be(t=>({...t,activeView:e,navigateDate:t.focusedDate}))},vt=(e,t,o)=>{if(F==="single")return;const i=0,m=6,l=t===i?e:c.addDays(e,-t),R=t===m?e:c.addDays(e,m-t);let V=null;if(F==="multiple"){V=[];for(let w=i;w<=m;w++)V.push(c.addDays(l,w));b({value:V,focusedDate:e})}if(F==="range"&&(V={start:l,end:R},b({value:V,focusedDate:e})),K){const w={syntheticEvent:o,nativeEvent:o.nativeEvent,value:V,target:P.current};K(w)}},ne=e=>{const t=c.cloneDate(e.value),o=O.current.canMoveDown(p.activeView);if(B)return;if(o)if(e.isTodayClick)O.current.moveToBottom(p.activeView);else{O.current.moveDown(p.activeView,e.syntheticEvent),b({focusedDate:t,navigateDate:t});return}k.current=!0;let i;const m=oe(D,u,d),l=T(D,u,d),R=Q(D),V=_!==void 0?_:z.current;switch(F){case"single":i=c.cloneDate(e.value);break;case"multiple":if(Array.isArray(m)){const w=m.slice();let ce=-1;w.forEach((Rt,Ct)=>{c.isEqualDate(Rt,e.value)&&(ce=Ct)}),ce!==-1?w.splice(ce,1):w.push(c.cloneDate(e.value)),i=w.slice()}else l?i=[c.cloneDate(l),c.cloneDate(e.value)]:i=[c.cloneDate(e.value)];break;case"range":{i=R.start!==null&&R.end!==null&&V==="start"?nt(e.value):rt(e.value,R),z.current=V!=="end"?"end":"start";break}default:i=c.cloneDate(e.value);break}if(N.current=i,e.isTodayClick&&b({navigateDate:t}),b({value:i,focusedDate:t}),N.current=i,K){const w={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:i,target:P.current};K(w)}N.current=void 0},P=a.useRef(null);a.useImperativeHandle(P,()=>({get element(){return A.current},get focusedDate(){return c.cloneDate(I)},get value(){return D},get props(){return q},focus:()=>{var e;return(e=A.current)==null?void 0:e.focus()}})),a.useImperativeHandle(f,()=>P.current);const A=a.useRef(null),M=a.useRef(null),O=a.useRef(new Mt.BusViewService(gt)),ye=a.useRef(new Ot.NavigationService(O.current)),N=a.useRef(void 0),H=a.useRef(!1),k=a.useRef(!1),z=a.useRef("start"),ae=a.useRef(s.viewInRange(J.CalendarViewEnum[ie],W,Y)),re=a.useRef(x),y=a.useRef([]),E=a.useRef(null),[p,be]=a.useState(()=>{const e=L!==void 0?L:We,t=T(e,u,d),o=oe(e,u,d),i=Q(e),m=Be(t,o,i),l=s.viewInRange(J.CalendarViewEnum[ie],W,Y),R=s.dateInRange(Ue||m||s.getToday(),u,d);return z.current=Tt(i,t),ae.current=l,re.current=x,{value:e,activeView:l,focusedDate:R,navigateDate:R}}),b=e=>{be(t=>({...t,...e}))};a.useEffect(()=>{k.current=!0},[]),a.useEffect(()=>{M.current&&(H.current?M.current.focusActiveDate:M.current.blurActiveDate)();const e=T(D,u,d),t=T(D,u,d);k.current=!!(t&&e&&t.getTime()&&e.getTime()),ae.current=p.activeView,re.current=x}),a.useEffect(()=>{ue&&ue({element:A.current})});const Dt=Pe.useInternationalization(),Re=Pe.useLocalization();O.current.configure(W,Y);const $=s.viewInRange(p.activeView,W,Y),G=O.current.service($,Dt);E.current=G;let D;N.current!==void 0?D=N.current:L!==void 0?D=L:D=p.value;const Ce=T(D,u,d),ke=oe(D,u,d),Ee=Q(D),Ie=Be(Ce,ke,Ee),I=s.dateInRange(k.current&&Ie!==null?Ie:p.focusedDate,u,d),Me=s.isInRange(s.getToday(),c.getDate(u),c.getDate(d)),wt=C.classNames("k-calendar k-calendar-range",{"k-disabled":B,"k-week-number":de},Ge),mt=at(Ee,I),Oe=Re.toLanguageString(S.prevView,S.messages[S.prevView]),xe=Re.toLanguageString(S.nextView,S.messages[S.nextView]),Ae=!me(X.Action.PrevView),Se=!me(X.Action.NextView),ht={"aria-disabled":Ae||void 0},pt={"aria-disabled":Se||void 0},Vt=ae.current!==$,yt=y.current.length>0&&he(p.navigateDate,y.current[0]),bt=re.current!==x;(!yt||Vt||bt)&&(y.current=G.datesList(p.navigateDate,x));const Te=c.cloneDate((Fe=y.current)!=null&&Fe[0]?y.current[0]:s.getToday());return a.createElement("div",{ref:A,className:wt,id:q.id||tt,"aria-labelledby":Qe,"aria-describedby":Ze,tabIndex:B?void 0:ze,onFocus:lt,onBlur:ut,onMouseDown:st,onClick:it,onKeyDown:ft,"aria-disabled":B||void 0,dir:we},a.createElement(It.Header,{key:`.kendo.calendar.header.${Te.getTime()}`,activeView:$,currentDate:Te,min:u,max:d,rangeLength:x,bus:O.current,service:G,headerTitle:De,verticalView:fe,commands:a.createElement(a.Fragment,null,a.createElement(Ne.Button,{type:"button",className:"k-calendar-nav-prev",icon:j?"chevron-right":"chevron-left",svgIcon:j?U.chevronRightIcon:U.chevronLeftIcon,fillMode:"flat",title:Oe,"aria-label":Oe,disabled:Ae,onClick:pe,...ht}),a.createElement(At.TodayCommand,{min:u,max:d,onClick:dt,disabled:!Me}),a.createElement(Ne.Button,{type:"button",className:"k-calendar-nav-next",icon:j?"chevron-left":"chevron-right",svgIcon:j?U.chevronLeftIcon:U.chevronRightIcon,fillMode:"flat",title:xe,"aria-label":xe,disabled:Se,onClick:Ve,...pt}))}),a.createElement(xt.HorizontalViewList,{ref:M,dates:y.current,activeView:$,focusedDate:c.cloneDate(I),weekDaysFormat:He,min:u,max:d,bus:O.current,service:G,selectionRange:mt,value:ke||Ce,cellUID:et,views:x,onChange:ne,onWeekSelect:vt,showWeekNumbers:de,onCellEnter:ot,cell:Xe,weekCell:Je,headerTitle:De,verticalView:fe,showOtherMonthDays:$e,allowReverse:le}),v&&a.createElement(C.WatermarkOverlay,{message:h}))});Z.propTypes={activeRangeEnd:n.oneOf(["start","end"]),allowReverse:n.bool,bottomView:n.oneOf(["month","year","decade","century"]),className:n.string,defaultActiveView:n.oneOf(["month","year","decade","century"]),defaultValue:n.oneOfType([s.nullable(n.instanceOf(Date)),n.arrayOf(n.instanceOf(Date)),n.shape({start:s.nullable(n.instanceOf(Date)),end:s.nullable(n.instanceOf(Date))})]),disabled:n.bool,focusedDate:n.instanceOf(Date),id:n.string,weekDaysFormat:n.oneOf(["narrow","short","abbreviated"]),ariaLabelledBy:n.string,ariaDescribedBy:n.string,max:n.instanceOf(Date),min:n.instanceOf(Date),mode:n.oneOf(["single","multiple","range"]),onBlur:n.func,onChange:n.func,onFocus:n.func,tabIndex:n.number,topView:n.oneOf(["month","year","decade","century"]),value:n.oneOfType([s.nullable(n.instanceOf(Date)),n.arrayOf(n.instanceOf(Date)),n.shape({start:s.nullable(n.instanceOf(Date).isRequired),end:s.nullable(n.instanceOf(Date).isRequired)})]),views:(r,f,v)=>{const h=r[f];return h!==void 0&&h<1?new Error(`Invalid prop '${f}' supplied to'${v}'. The '${f}' property cannot be less than 1'`):null},weekNumber:n.bool,showOtherMonthDays:n.bool,dir:n.string};Z.displayName="KendoReactMultiViewCalendar";const Ft=Z,Pt=Z;exports.MultiViewCalendar=Pt;exports.MultiViewCalendarPropsContext=Le;exports.MultiViewCalendarWithoutContext=Ft;exports.multiViewCalendarDefaultProps=g;
|