@progress/kendo-react-scheduler 9.4.0-develop.24 → 9.4.0-develop.4

package/editors/FilterableComboBox.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 b=require("react"),f=require("@progress/kendo-data-query"),g=require("@progress/kendo-react-dropdowns");function m(e){const o=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(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=m(b),C=e=>{const{onChange:o,data:t,validationMessage:n,visited:p,touched:y,modified:h,...c}=e,[l,i]=a.useState(t),s=a.useCallback(r=>o(r),[o]),u=a.useCallback(r=>{const d=f.filterBy(t||[],r.filter);i(d)},[]);return a.createElement(g.ComboBox,{style:{width:"100%"},data:l,filterable:!0,onFilterChange:u,onChange:s,...c})};exports.FilterableComboBox=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),f=require("@progress/kendo-data-query"),g=require("@progress/kendo-react-dropdowns");function m(e){const o=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(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=m(b),C=e=>{const{onChange:o,data:t,validationMessage:n,visited:p,touched:y,modified:h,...c}=e,[l,i]=a.useState(t),s=a.useCallback(r=>o(r),[o]),u=a.useCallback(r=>{const d=f.filterBy(t||[],r.filter);i(d)},[]);return a.createElement(g.ComboBox,{style:{width:"100%"},data:l,filterable:!0,onFilterChange:u,onChange:s,...c})};exports.FilterableComboBox=C;

package/editors/FilterableComboBox.mjs

@@ -5,11 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { filterBy as m } from "@progress/kendo-data-query";
 import { ComboBox as f } from "@progress/kendo-react-dropdowns";
-const x = (r) => {
-  const { onChange: a, data: o, validationMessage: C, visited: h, touched: u, modified: b, ...n } = r, [i, l] = e.useState(o), s = e.useCallback((t) => a(t), [a]), c = e.useCallback((t) => {
+const x = (n) => {
+  const { onChange: a, data: o, validationMessage: u, visited: C, touched: h, modified: b, ...r } = n, [i, l] = e.useState(o), s = e.useCallback((t) => a(t), [a]), c = e.useCallback((t) => {
     const d = m(o || [], t.filter);
     l(d);
   }, []);
@@ -21,7 +22,7 @@ const x = (r) => {
       filterable: !0,
       onFilterChange: c,
       onChange: s,
-      ...n
+      ...r
     }
   );
 };

package/editors/ResourceEditor.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 s=require("react"),r=require("@progress/kendo-react-dropdowns"),g=require("../utils/index.js");function v(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const a=v(s),F=e=>{const c=e.multiple?r.MultiSelect:r.DropDownList,n=a.useCallback(t=>{const l=t.target.props.dataItemKey,i=e.multiple?(t.target.value||[]).map(m=>m[l]):t.target.value[l];e.onChange.call(void 0,{value:i})},[e.multiple,e.onChange]),d=a.useCallback((t,l)=>{const i=a.createElement(a.Fragment,null,e.colorField&&a.createElement("span",{key:1,className:"k-scheduler-mark",style:{backgroundColor:l.dataItem[e.colorField],marginRight:g.isPresent(l.dataItem[e.valueField])?"8px":"4px"}}," "),a.createElement("span",{key:2},"  ",t.props.children));return a.cloneElement(t,{...t.props},i)},[e.colorField,e.valueField]),u=a.useCallback((t,l)=>{const i=a.createElement(a.Fragment,null,e.colorField&&l&&a.createElement("span",{key:1,className:"k-scheduler-mark",style:{backgroundColor:l[e.colorField],marginRight:l[e.valueField]?"8px":"4px"}}," "),t.props.children);return a.cloneElement(t,{},i)},[e.colorField,e.valueField]),o=Array.isArray(e.value)?e.data.filter(t=>e.value.some(l=>t[e.valueField]===l)):e.data.find(t=>t[e.valueField]===e.value);return a.createElement(c,{value:o,onChange:n,data:e.data,textField:e.textField,dataItemKey:e.valueField,valid:e.valid,validationMessage:e.validationMessage,itemRender:d,valueRender:u})};exports.ResourceEditor=F;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("@progress/kendo-react-dropdowns"),g=require("../utils/index.js");function v(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const l=v(s),F=e=>{const c=e.multiple?r.MultiSelect:r.DropDownList,n=l.useCallback(t=>{const a=t.target.props.dataItemKey,i=e.multiple?(t.target.value||[]).map(m=>m[a]):t.target.value[a];e.onChange.call(void 0,{value:i})},[e.multiple,e.onChange]),d=l.useCallback((t,a)=>{const i=l.createElement(l.Fragment,null,e.colorField&&l.createElement("span",{key:1,className:"k-scheduler-mark",style:{backgroundColor:a.dataItem[e.colorField],marginRight:g.isPresent(a.dataItem[e.valueField])?"8px":"4px"}}," "),l.createElement("span",{key:2},"  ",t.props.children));return l.cloneElement(t,{...t.props},i)},[e.colorField,e.valueField]),u=l.useCallback((t,a)=>{const i=l.createElement(l.Fragment,null,e.colorField&&a&&l.createElement("span",{key:1,className:"k-scheduler-mark",style:{backgroundColor:a[e.colorField],marginRight:a[e.valueField]?"8px":"4px"}}," "),t.props.children);return l.cloneElement(t,{},i)},[e.colorField,e.valueField]),o=Array.isArray(e.value)?e.data.filter(t=>e.value.some(a=>t[e.valueField]===a)):e.data.find(t=>t[e.valueField]===e.value);return l.createElement(c,{value:o,onChange:n,data:e.data,textField:e.textField,dataItemKey:e.valueField,valid:e.valid,validationMessage:e.validationMessage,itemRender:d,valueRender:u})};exports.ResourceEditor=F;

package/editors/ResourceEditor.mjs

@@ -5,10 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as a from "react";
 import { MultiSelect as o, DropDownList as v } from "@progress/kendo-react-dropdowns";
 import { isPresent as F } from "../utils/index.mjs";
-const k = (e) => {
+const s = (e) => {
   const i = e.multiple ? o : v, d = a.useCallback(
     (l) => {
       const t = l.target.props.dataItemKey, n = e.multiple ? (l.target.value || []).map((m) => m[t]) : l.target.value[t];
@@ -66,5 +67,5 @@ const k = (e) => {
   );
 };
 export {
-  k as ResourceEditor
+  s as ResourceEditor
 };

package/editors/SchedulerFormEditor.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 se=require("react"),Ee=require("@progress/kendo-date-math"),i=require("@progress/kendo-react-labels"),ue=require("@progress/kendo-react-intl"),a=require("@progress/kendo-react-form"),b=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),n=require("../messages/index.js"),C=require("./FilterableComboBox.js"),be=require("@progress/kendo-react-common"),Te=require("../recurrence/RecurrenceEditor.js"),ke=require("./ResourceEditor.js"),S=require("./ZonedDateTime.js"),D=require("../context/SchedulerContext.js");function ze(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const m in r)if(m!=="default"){const E=Object.getOwnPropertyDescriptor(r,m);Object.defineProperty(c,m,E.get?E:{enumerable:!0,get:()=>r[m]})}}return c.default=r,Object.freeze(c)}const e=ze(se),N=e.forwardRef((r,c)=>{const m=e.useRef(null),E=e.useRef(null),L=Ee.timezoneNames(),d=ue.useLocalization(),t=D.useSchedulerFieldsContext(),{resources:p,timezone:T}=D.useSchedulerPropsContext();e.useImperativeHandle(E,()=>{var l;return{element:(l=m.current)!=null&&l.element?m.current.element:m.current,props:r}}),e.useImperativeHandle(c,()=>E.current);const{as:v=o.as,...y}=r,{titleLabel:R=o.titleLabel,titleError:x=o.titleError,titleEditor:q=o.titleEditor,startLabel:Z=o.startLabel,startError:w=o.startError,startEditor:I=o.startEditor,startTimezoneLabel:A=o.startTimezoneLabel,startTimezoneError:P=o.startTimezoneError,startTimezoneEditor:W=o.startTimezoneEditor,startTimezoneCheckedLabel:g=o.startTimezoneCheckedLabel,startTimezoneCheckedEditor:G=o.startTimezoneCheckedEditor,endLabel:M=o.endLabel,endError:O=o.endError,endEditor:j=o.endEditor,endTimezoneLabel:B=o.endTimezoneLabel,endTimezoneError:V=o.endTimezoneError,endTimezoneEditor:_=o.endTimezoneEditor,endTimezoneCheckedLabel:H=o.endTimezoneCheckedLabel,endTimezoneCheckedEditor:K=o.endTimezoneCheckedEditor,allDayLabel:J=o.allDayLabel,allDayEditor:Q=o.allDayEditor,recurrenceEditor:U=o.recurrenceEditor,descriptionLabel:X=o.descriptionLabel,descriptionEditor:Y=o.descriptionEditor,descriptionError:$=o.descriptionError,resourceLabel:ee=o.resourceLabel,resourceEditor:te=o.resourceEditor}=r,re=r.valueGetter(t.start)||new Date,ae=r.valueGetter(t.startTimezone)||T||"",ne=r.valueGetter(t.endTimezone)||T||"",f=e.useMemo(()=>d.toLanguageString(n.editorValidationRequired,n.messages[n.editorValidationRequired]),[d]),[s,oe]=e.useState(!!r.valueGetter(t.startTimezone)),[k,F]=e.useState(!!r.valueGetter(t.endTimezone)),le=e.useCallback(l=>{l.value||(r.onChange(t.startTimezone,{value:null}),r.onChange(t.endTimezone,{value:null}),F(l.value)),oe(l.value)},[r.onChange,t.startTimezone,t.endTimezone]),ie=e.useCallback(l=>{l.value||r.onChange(t.endTimezone,{value:null}),F(l.value)},[r.onChange]),u=e.useCallback(l=>l?void 0:f,[f]),de=e.useCallback((l,z)=>s?u(z(t.startTimezone)):void 0,[u,s,t.startTimezone]),me=e.useCallback((l,z)=>s&&k?u(z(t.endTimezone))||u(z(t.startTimezone)):void 0,[u,s,k,t.startTimezone,t.endTimezone]),ce=e.useMemo(()=>be.classNames("k-scheduler-edit-form",r.className),[r.className]);return e.createElement(v,{ref:v===o.as?m:void 0,...y,className:ce},e.createElement(e.Fragment,null,e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.title,component:R,editorId:"k-scheduler-editor-title",className:"k-form-label"},d.toLanguageString(n.editorEventTitle,n.messages[n.editorEventTitle])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-title",name:t.title,field:t.title,component:q}),r.errors[t.title]&&e.createElement(a.Field,{name:t.title,component:x},r.errors[t.title]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:Z,editorId:"k-scheduler-editor-start",className:"k-form-label"},d.toLanguageString(n.editorEventStart,n.messages[n.editorEventStart])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-start",name:t.start,width:"auto",component:I,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.start]&&e.createElement(a.Field,{name:t.start,component:w},r.errors[t.start]))),e.createElement(a.FieldWrapper,null,e.createElement(g,{className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(G,{id:"k-scheduler-editor-set-start-timezone",onChange:le,value:s}),e.createElement(g,{className:"k-checkbox-label",editorId:"k-scheduler-editor-set-start-timezone"},d.toLanguageString(n.editorEventTimeZone,n.messages[n.editorEventTimeZone])))),s&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:A,className:"k-form-label"},d.toLanguageString(n.editorEventStartTimeZone,n.messages[n.editorEventStartTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:W,value:ae,validator:de,data:L,name:t.startTimezone}),r.errors[t.startTimezone]&&e.createElement(a.Field,{name:t.startTimezone,component:P},r.errors[t.startTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.end,component:M,editorId:"k-scheduler-editor-end",className:"k-form-label"},d.toLanguageString(n.editorEventEnd,n.messages[n.editorEventEnd])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-end",name:t.end,width:"auto",component:j,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.end]&&e.createElement(a.Field,{name:t.end,component:O},r.errors[t.end]))),s&&e.createElement(a.FieldWrapper,null,e.createElement("div",{className:"k-form-field-wrap"},e.createElement(K,{id:"k-scheduler-editor-set-end-timezone",onChange:ie,value:k})),e.createElement(H,{editorId:"k-scheduler-editor-set-end-timezone",className:"k-form-label"},d.toLanguageString(n.editorEventSeparateTimeZones,n.messages[n.editorEventSeparateTimeZones]))),k&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.endTimezone,component:B,className:"k-form-label"},d.toLanguageString(n.editorEventEndTimeZone,n.messages[n.editorEventEndTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{value:ne,data:L,validator:me,component:_,name:t.endTimezone}),r.errors[t.endTimezone]&&e.createElement(a.Field,{name:t.endTimezone,component:V},r.errors[t.endTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.isAllDay,component:i.Label,className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-is-allday-checkbox",name:t.isAllDay,component:Q}),e.createElement(a.Field,{name:t.isAllDay,field:t.isAllDay,editorId:"k-is-allday-checkbox",className:"k-checkbox-label",component:J},d.toLanguageString(n.editorEventAllDay,n.messages[n.editorEventAllDay])))),e.createElement("div",{className:"k-recurrence-editor"},e.createElement(a.Field,{component:U,field:t.recurrenceRule,name:t.recurrenceRule,start:re})),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.description,component:X,className:"k-form-label"},d.toLanguageString(n.editorEventDescription,n.messages[n.editorEventDescription])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:Y,name:t.description,rows:1,id:"k-event-description"}),r.errors[t.description]&&e.createElement(a.Field,{name:t.description,component:$},r.errors[t.description]))),(p||[]).map(l=>e.createElement(a.FieldWrapper,{key:l.field},e.createElement(a.Field,{name:l.field,component:ee,className:"k-form-label"}),e.createElement(i.Label,{className:"k-form-label"},l.name),e.createElement(a.Field,{name:l.field,component:te,resource:l,multiple:l.multiple,data:l.data,textField:l.textField,valueField:l.valueField,colorField:l.colorField})))))}),o={as:e.forwardRef((r,c)=>e.createElement(a.FormElement,{ref:c,id:r.id,style:r.style,tabIndex:r.tabIndex,className:r.className,horizontal:r.horizontal,children:r.children})),titleLabel:i.Label,titleError:i.Error,titleEditor:b.Input,startLabel:i.Label,startError:i.Error,startEditor:S.ZonedDateTime,startTimezoneLabel:i.Label,startTimezoneError:i.Error,startTimezoneEditor:C.FilterableComboBox,startTimezoneCheckedLabel:i.Label,startTimezoneCheckedEditor:b.Checkbox,endLabel:i.Label,endError:i.Error,endEditor:S.ZonedDateTime,endTimezoneLabel:i.Label,endTimezoneError:i.Error,endTimezoneEditor:C.FilterableComboBox,endTimezoneCheckedLabel:i.Label,endTimezoneCheckedEditor:b.Checkbox,allDayLabel:i.Label,allDayEditor:b.Checkbox,recurrenceEditor:Te.RecurrenceEditor,descriptionLabel:i.Label,descriptionEditor:b.TextArea,descriptionError:i.Error,resourceLabel:i.Label,resourceEditor:ke.ResourceEditor};N.displayName="KendoReactSchedulerFormEditor";exports.SchedulerFormEditor=N;exports.schedulerFormEditorDefaultProps=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),Ee=require("@progress/kendo-date-math"),i=require("@progress/kendo-react-labels"),ue=require("@progress/kendo-react-intl"),a=require("@progress/kendo-react-form"),b=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),n=require("../messages/index.js"),C=require("./FilterableComboBox.js"),be=require("@progress/kendo-react-common"),Te=require("../recurrence/RecurrenceEditor.js"),ke=require("./ResourceEditor.js"),S=require("./ZonedDateTime.js"),D=require("../context/SchedulerContext.js");function ze(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const m in r)if(m!=="default"){const E=Object.getOwnPropertyDescriptor(r,m);Object.defineProperty(c,m,E.get?E:{enumerable:!0,get:()=>r[m]})}}return c.default=r,Object.freeze(c)}const e=ze(se),N=e.forwardRef((r,c)=>{const m=e.useRef(null),E=e.useRef(null),L=Ee.timezoneNames(),d=ue.useLocalization(),t=D.useSchedulerFieldsContext(),{resources:p,timezone:T}=D.useSchedulerPropsContext();e.useImperativeHandle(E,()=>{var l;return{element:(l=m.current)!=null&&l.element?m.current.element:m.current,props:r}}),e.useImperativeHandle(c,()=>E.current);const{as:v=o.as,...y}=r,{titleLabel:R=o.titleLabel,titleError:x=o.titleError,titleEditor:q=o.titleEditor,startLabel:Z=o.startLabel,startError:w=o.startError,startEditor:I=o.startEditor,startTimezoneLabel:A=o.startTimezoneLabel,startTimezoneError:P=o.startTimezoneError,startTimezoneEditor:W=o.startTimezoneEditor,startTimezoneCheckedLabel:g=o.startTimezoneCheckedLabel,startTimezoneCheckedEditor:G=o.startTimezoneCheckedEditor,endLabel:M=o.endLabel,endError:O=o.endError,endEditor:j=o.endEditor,endTimezoneLabel:B=o.endTimezoneLabel,endTimezoneError:V=o.endTimezoneError,endTimezoneEditor:_=o.endTimezoneEditor,endTimezoneCheckedLabel:H=o.endTimezoneCheckedLabel,endTimezoneCheckedEditor:K=o.endTimezoneCheckedEditor,allDayLabel:J=o.allDayLabel,allDayEditor:Q=o.allDayEditor,recurrenceEditor:U=o.recurrenceEditor,descriptionLabel:X=o.descriptionLabel,descriptionEditor:Y=o.descriptionEditor,descriptionError:$=o.descriptionError,resourceLabel:ee=o.resourceLabel,resourceEditor:te=o.resourceEditor}=r,re=r.valueGetter(t.start)||new Date,ae=r.valueGetter(t.startTimezone)||T||"",ne=r.valueGetter(t.endTimezone)||T||"",f=e.useMemo(()=>d.toLanguageString(n.editorValidationRequired,n.messages[n.editorValidationRequired]),[d]),[s,oe]=e.useState(!!r.valueGetter(t.startTimezone)),[k,F]=e.useState(!!r.valueGetter(t.endTimezone)),le=e.useCallback(l=>{l.value||(r.onChange(t.startTimezone,{value:null}),r.onChange(t.endTimezone,{value:null}),F(l.value)),oe(l.value)},[r.onChange,t.startTimezone,t.endTimezone]),ie=e.useCallback(l=>{l.value||r.onChange(t.endTimezone,{value:null}),F(l.value)},[r.onChange]),u=e.useCallback(l=>l?void 0:f,[f]),de=e.useCallback((l,z)=>s?u(z(t.startTimezone)):void 0,[u,s,t.startTimezone]),me=e.useCallback((l,z)=>s&&k?u(z(t.endTimezone))||u(z(t.startTimezone)):void 0,[u,s,k,t.startTimezone,t.endTimezone]),ce=e.useMemo(()=>be.classNames("k-scheduler-edit-form",r.className),[r.className]);return e.createElement(v,{ref:v===o.as?m:void 0,...y,className:ce},e.createElement(e.Fragment,null,e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.title,component:R,editorId:"k-scheduler-editor-title",className:"k-form-label"},d.toLanguageString(n.editorEventTitle,n.messages[n.editorEventTitle])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-title",name:t.title,field:t.title,component:q}),r.errors[t.title]&&e.createElement(a.Field,{name:t.title,component:x},r.errors[t.title]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:Z,editorId:"k-scheduler-editor-start",className:"k-form-label"},d.toLanguageString(n.editorEventStart,n.messages[n.editorEventStart])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-start",name:t.start,width:"auto",component:I,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.start]&&e.createElement(a.Field,{name:t.start,component:w},r.errors[t.start]))),e.createElement(a.FieldWrapper,null,e.createElement(g,{className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(G,{id:"k-scheduler-editor-set-start-timezone",onChange:le,value:s}),e.createElement(g,{className:"k-checkbox-label",editorId:"k-scheduler-editor-set-start-timezone"},d.toLanguageString(n.editorEventTimeZone,n.messages[n.editorEventTimeZone])))),s&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:A,className:"k-form-label"},d.toLanguageString(n.editorEventStartTimeZone,n.messages[n.editorEventStartTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:W,value:ae,validator:de,data:L,name:t.startTimezone}),r.errors[t.startTimezone]&&e.createElement(a.Field,{name:t.startTimezone,component:P},r.errors[t.startTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.end,component:M,editorId:"k-scheduler-editor-end",className:"k-form-label"},d.toLanguageString(n.editorEventEnd,n.messages[n.editorEventEnd])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-end",name:t.end,width:"auto",component:j,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.end]&&e.createElement(a.Field,{name:t.end,component:O},r.errors[t.end]))),s&&e.createElement(a.FieldWrapper,null,e.createElement("div",{className:"k-form-field-wrap"},e.createElement(K,{id:"k-scheduler-editor-set-end-timezone",onChange:ie,value:k})),e.createElement(H,{editorId:"k-scheduler-editor-set-end-timezone",className:"k-form-label"},d.toLanguageString(n.editorEventSeparateTimeZones,n.messages[n.editorEventSeparateTimeZones]))),k&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.endTimezone,component:B,className:"k-form-label"},d.toLanguageString(n.editorEventEndTimeZone,n.messages[n.editorEventEndTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{value:ne,data:L,validator:me,component:_,name:t.endTimezone}),r.errors[t.endTimezone]&&e.createElement(a.Field,{name:t.endTimezone,component:V},r.errors[t.endTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.isAllDay,component:i.Label,className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-is-allday-checkbox",name:t.isAllDay,component:Q}),e.createElement(a.Field,{name:t.isAllDay,field:t.isAllDay,editorId:"k-is-allday-checkbox",className:"k-checkbox-label",component:J},d.toLanguageString(n.editorEventAllDay,n.messages[n.editorEventAllDay])))),e.createElement("div",{className:"k-recurrence-editor"},e.createElement(a.Field,{component:U,field:t.recurrenceRule,name:t.recurrenceRule,start:re})),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.description,component:X,className:"k-form-label"},d.toLanguageString(n.editorEventDescription,n.messages[n.editorEventDescription])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:Y,name:t.description,rows:1,id:"k-event-description"}),r.errors[t.description]&&e.createElement(a.Field,{name:t.description,component:$},r.errors[t.description]))),(p||[]).map(l=>e.createElement(a.FieldWrapper,{key:l.field},e.createElement(a.Field,{name:l.field,component:ee,className:"k-form-label"}),e.createElement(i.Label,{className:"k-form-label"},l.name),e.createElement(a.Field,{name:l.field,component:te,resource:l,multiple:l.multiple,data:l.data,textField:l.textField,valueField:l.valueField,colorField:l.colorField})))))}),o={as:e.forwardRef((r,c)=>e.createElement(a.FormElement,{ref:c,id:r.id,style:r.style,tabIndex:r.tabIndex,className:r.className,horizontal:r.horizontal,children:r.children})),titleLabel:i.Label,titleError:i.Error,titleEditor:b.Input,startLabel:i.Label,startError:i.Error,startEditor:S.ZonedDateTime,startTimezoneLabel:i.Label,startTimezoneError:i.Error,startTimezoneEditor:C.FilterableComboBox,startTimezoneCheckedLabel:i.Label,startTimezoneCheckedEditor:b.Checkbox,endLabel:i.Label,endError:i.Error,endEditor:S.ZonedDateTime,endTimezoneLabel:i.Label,endTimezoneError:i.Error,endTimezoneEditor:C.FilterableComboBox,endTimezoneCheckedLabel:i.Label,endTimezoneCheckedEditor:b.Checkbox,allDayLabel:i.Label,allDayEditor:b.Checkbox,recurrenceEditor:Te.RecurrenceEditor,descriptionLabel:i.Label,descriptionEditor:b.TextArea,descriptionError:i.Error,resourceLabel:i.Label,resourceEditor:ke.ResourceEditor};N.displayName="KendoReactSchedulerFormEditor";exports.SchedulerFormEditor=N;exports.schedulerFormEditorDefaultProps=o;

package/editors/SchedulerFormEditor.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { timezoneNames as ge } from "@progress/kendo-date-math";
 import { Label as l, Error as s } from "@progress/kendo-react-labels";

package/editors/ZonedDateTime.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 l=require("react"),u=require("@progress/kendo-react-dateinputs"),r=require("@progress/kendo-date-math"),d=require("../context/SchedulerContext.js");function g(e){const n=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(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const D=g(l),f=e=>{const{as:n=C.as,value:t,onChange:o,...c}=e,{timezone:a}=d.useSchedulerPropsContext(),s=i=>{o&&o({value:p(i.target.value,a)})};return D.createElement(n,{...c,value:m(t,a),onChange:s})},m=(e,n)=>{if(e){const t=r.toLocalDate(r.ZonedDate.fromLocalDate(e,n).toUTCDate());return t.setUTCFullYear(e.getFullYear()),t}return e},p=(e,n)=>{if(e){const t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),r.ZonedDate.fromUTCDate(t,n).toLocalDate()}return e},C={as:u.DateTimePicker};exports.ZonedDateTime=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("@progress/kendo-react-dateinputs"),r=require("@progress/kendo-date-math"),d=require("../context/SchedulerContext.js");function g(e){const n=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(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const D=g(l),f=e=>{const{as:n=C.as,value:t,onChange:o,...c}=e,{timezone:a}=d.useSchedulerPropsContext(),s=i=>{o&&o({value:p(i.target.value,a)})};return D.createElement(n,{...c,value:m(t,a),onChange:s})},m=(e,n)=>{if(e){const t=r.toLocalDate(r.ZonedDate.fromLocalDate(e,n).toUTCDate());return t.setUTCFullYear(e.getFullYear()),t}return e},p=(e,n)=>{if(e){const t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),r.ZonedDate.fromUTCDate(t,n).toLocalDate()}return e},C={as:u.DateTimePicker};exports.ZonedDateTime=f;

package/editors/ZonedDateTime.mjs

@@ -5,40 +5,41 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as m from "react";
 import { DateTimePicker as l } from "@progress/kendo-react-dateinputs";
 import { toLocalDate as g, ZonedDate as a } from "@progress/kendo-date-math";
 import { useSchedulerPropsContext as D } from "../context/SchedulerContext.mjs";
-const u = (t) => {
-  const { as: o = C.as, value: e, onChange: r, ...s } = t, { timezone: n } = D(), c = (i) => {
+const T = (e) => {
+  const { as: o = C.as, value: t, onChange: r, ...s } = e, { timezone: n } = D(), c = (i) => {
     r && r({ value: f(i.target.value, n) });
   };
-  return /* @__PURE__ */ m.createElement(o, { ...s, value: d(e, n), onChange: c });
-}, d = (t, o) => {
-  if (t) {
-    const e = g(a.fromLocalDate(t, o).toUTCDate());
-    return e.setUTCFullYear(t.getFullYear()), e;
+  return /* @__PURE__ */ m.createElement(o, { ...s, value: d(t, n), onChange: c });
+}, d = (e, o) => {
+  if (e) {
+    const t = g(a.fromLocalDate(e, o).toUTCDate());
+    return t.setUTCFullYear(e.getFullYear()), t;
   }
-  return t;
-}, f = (t, o) => {
-  if (t) {
-    const e = new Date(
+  return e;
+}, f = (e, o) => {
+  if (e) {
+    const t = new Date(
       Date.UTC(
-        t.getFullYear(),
-        t.getMonth(),
-        t.getDate(),
-        t.getHours(),
-        t.getMinutes(),
-        t.getSeconds(),
-        t.getMilliseconds()
+        e.getFullYear(),
+        e.getMonth(),
+        e.getDate(),
+        e.getHours(),
+        e.getMinutes(),
+        e.getSeconds(),
+        e.getMilliseconds()
       )
     );
-    return e.setUTCFullYear(t.getFullYear()), a.fromUTCDate(e, o).toLocalDate();
+    return t.setUTCFullYear(e.getFullYear()), a.fromUTCDate(t, o).toLocalDate();
   }
-  return t;
+  return e;
 }, C = {
   as: l
 };
 export {
-  u as ZonedDateTime
+  T as ZonedDateTime
 };

package/hooks/use-items-focus.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 u=require("../utils/index.js");var s=(r=>(r.next="ITEMS_FOCUS_NEXT",r.prev="ITEMS_FOCUS_PREV",r))(s||{});const c=r=>[[],(e,n)=>{switch(e.type){case"ITEMS_FOCUS_NEXT":{if(!e.item||!e.item.current||!r)return;const t=u.findNextItem(e.item,r,e.ignoreIsAllDay,!1);t&&t.current&&t.current.element&&(n.preventDefault(),t.current.element.focus());break}case"ITEMS_FOCUS_PREV":{if(!e.item||!e.item.current||!r)return;const t=u.findNextItem(e.item,r,e.ignoreIsAllDay,!0);t&&t.current&&t.current.element&&(n.preventDefault(),t.current.element.focus());break}}}];exports.ITEMS_FOCUS_ACTION=s;exports.useItemsFocus=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../utils/index.js");var s=(r=>(r.next="ITEMS_FOCUS_NEXT",r.prev="ITEMS_FOCUS_PREV",r))(s||{});const c=r=>[[],(e,n)=>{switch(e.type){case"ITEMS_FOCUS_NEXT":{if(!e.item||!e.item.current||!r)return;const t=u.findNextItem(e.item,r,e.ignoreIsAllDay,!1);t&&t.current&&t.current.element&&(n.preventDefault(),t.current.element.focus());break}case"ITEMS_FOCUS_PREV":{if(!e.item||!e.item.current||!r)return;const t=u.findNextItem(e.item,r,e.ignoreIsAllDay,!0);t&&t.current&&t.current.element&&(n.preventDefault(),t.current.element.focus());break}}}];exports.ITEMS_FOCUS_ACTION=s;exports.useItemsFocus=c;

package/hooks/use-items-focus.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { findNextItem as u } from "../utils/index.mjs";
 var s = /* @__PURE__ */ ((t) => (t.next = "ITEMS_FOCUS_NEXT", t.prev = "ITEMS_FOCUS_PREV", t))(s || {});
 const m = (t) => [[], (e, n) => {

package/hooks/use-items-selection.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 i=require("react"),u=require("../utils/index.js");function f(e){const E=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const S=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(E,r,S.get?S:{enumerable:!0,get:()=>e[r]})}}return E.default=e,Object.freeze(E)}const n=f(i);var c=(e=>(e.select="ITEMS_SELECT_SELECT",e.selectNext="ITEMS_SELECT_SELECT_NEXT",e.selectPrev="ITEMS_SELECT_SELECT_PREV",e.reset="ITEMS_SELECT_RESET",e.add="ITEMS_SELECT_ADD",e.remove="ITEMS_SELECT_REMOVE",e))(c||{});const T=e=>{const[E,r]=n.useState([]),S=n.useCallback((t,l)=>{switch(t.type){case"ITEMS_SELECT_SELECT":if(!t.item)return;r([t.item]);break;case"ITEMS_SELECT_SELECT_NEXT":{if(!t.item||!t.item.current||!e)return;const s=u.findNextItem(t.item,e,t.ignoreIsAllDay,!1);s&&(l.preventDefault(),r([s]));break}case"ITEMS_SELECT_SELECT_PREV":{if(!t.item||!t.item.current||!e)return;const s=u.findNextItem(t.item,e,t.ignoreIsAllDay,!0);s&&(l.preventDefault(),r([s]));break}case"ITEMS_SELECT_RESET":r([]);break;case"ITEMS_SELECT_ADD":if(!t.item)return;E.some(s=>s===t.item)||r([...E,t.item]);break;case"ITEMS_SELECT_REMOVE":if(!t.item)return;r([...E.filter(s=>s!==t.item)]);break}},[e,E]);return[E,S]};exports.ITEMS_SELECT_ACTION=c;exports.useItemsSelection=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),u=require("../utils/index.js");function f(e){const E=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const S=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(E,r,S.get?S:{enumerable:!0,get:()=>e[r]})}}return E.default=e,Object.freeze(E)}const n=f(i);var c=(e=>(e.select="ITEMS_SELECT_SELECT",e.selectNext="ITEMS_SELECT_SELECT_NEXT",e.selectPrev="ITEMS_SELECT_SELECT_PREV",e.reset="ITEMS_SELECT_RESET",e.add="ITEMS_SELECT_ADD",e.remove="ITEMS_SELECT_REMOVE",e))(c||{});const T=e=>{const[E,r]=n.useState([]),S=n.useCallback((t,l)=>{switch(t.type){case"ITEMS_SELECT_SELECT":if(!t.item)return;r([t.item]);break;case"ITEMS_SELECT_SELECT_NEXT":{if(!t.item||!t.item.current||!e)return;const s=u.findNextItem(t.item,e,t.ignoreIsAllDay,!1);s&&(l.preventDefault(),r([s]));break}case"ITEMS_SELECT_SELECT_PREV":{if(!t.item||!t.item.current||!e)return;const s=u.findNextItem(t.item,e,t.ignoreIsAllDay,!0);s&&(l.preventDefault(),r([s]));break}case"ITEMS_SELECT_RESET":r([]);break;case"ITEMS_SELECT_ADD":if(!t.item)return;E.some(s=>s===t.item)||r([...E,t.item]);break;case"ITEMS_SELECT_REMOVE":if(!t.item)return;r([...E.filter(s=>s!==t.item)]);break}},[e,E]);return[E,S]};exports.ITEMS_SELECT_ACTION=c;exports.useItemsSelection=T;

package/hooks/use-items-selection.mjs

@@ -5,50 +5,51 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as m from "react";
-import { findNextItem as l } from "../utils/index.mjs";
+"use client";
+import * as l from "react";
+import { findNextItem as m } from "../utils/index.mjs";
 var _ = /* @__PURE__ */ ((E) => (E.select = "ITEMS_SELECT_SELECT", E.selectNext = "ITEMS_SELECT_SELECT_NEXT", E.selectPrev = "ITEMS_SELECT_SELECT_PREV", E.reset = "ITEMS_SELECT_RESET", E.add = "ITEMS_SELECT_ADD", E.remove = "ITEMS_SELECT_REMOVE", E))(_ || {});
 const f = (E) => {
-  const [S, t] = m.useState([]), T = m.useCallback(
-    (e, s) => {
+  const [s, r] = l.useState([]), T = l.useCallback(
+    (e, S) => {
       switch (e.type) {
         case "ITEMS_SELECT_SELECT":
           if (!e.item)
             return;
-          t([e.item]);
+          r([e.item]);
           break;
         case "ITEMS_SELECT_SELECT_NEXT": {
           if (!e.item || !e.item.current || !E)
             return;
-          const r = l(e.item, E, e.ignoreIsAllDay, !1);
-          r && (s.preventDefault(), t([r]));
+          const t = m(e.item, E, e.ignoreIsAllDay, !1);
+          t && (S.preventDefault(), r([t]));
           break;
         }
         case "ITEMS_SELECT_SELECT_PREV": {
           if (!e.item || !e.item.current || !E)
             return;
-          const r = l(e.item, E, e.ignoreIsAllDay, !0);
-          r && (s.preventDefault(), t([r]));
+          const t = m(e.item, E, e.ignoreIsAllDay, !0);
+          t && (S.preventDefault(), r([t]));
           break;
         }
         case "ITEMS_SELECT_RESET":
-          t([]);
+          r([]);
           break;
         case "ITEMS_SELECT_ADD":
           if (!e.item)
             return;
-          S.some((r) => r === e.item) || t([...S, e.item]);
+          s.some((t) => t === e.item) || r([...s, e.item]);
           break;
         case "ITEMS_SELECT_REMOVE":
           if (!e.item)
             return;
-          t([...S.filter((r) => r !== e.item)]);
+          r([...s.filter((t) => t !== e.item)]);
           break;
       }
     },
-    [E, S]
+    [E, s]
   );
-  return [S, T];
+  return [s, T];
 };
 export {
   _ as ITEMS_SELECT_ACTION,

package/hooks/use-slots-focus.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"});var c=(r=>(r.up="SLOT_FOCUS_UP",r.down="SLOT_FOCUS_DOWN",r.left="SLOT_FOCUS_LEFT",r.right="SLOT_FOCUS_RIGHT",r))(c||{});const f=r=>[[],(e,t)=>{switch(e.type){case"SLOT_FOCUS_UP":{if(!e.slot.current||!r)return;const n=o(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}case"SLOT_FOCUS_DOWN":{if(!e.slot||!r)return;const n=s(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}case"SLOT_FOCUS_LEFT":{if(!e.slot||!r)return;const n=l(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}case"SLOT_FOCUS_RIGHT":{if(!e.slot||!r)return;const n=p(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}}}],o=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row-1&&e.current.props.col===r.current.props.col),l=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row&&e.current.props.col===r.current.props.col-1),p=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row&&e.current.props.col===r.current.props.col+1),s=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row+1&&e.current.props.col===r.current.props.col);exports.SLOTS_FOCUS_ACTION=c;exports.findDownSlot=s;exports.findLeftSlot=l;exports.findRightSlot=p;exports.findUpSlot=o;exports.useSlotsFocus=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var c=(r=>(r.up="SLOT_FOCUS_UP",r.down="SLOT_FOCUS_DOWN",r.left="SLOT_FOCUS_LEFT",r.right="SLOT_FOCUS_RIGHT",r))(c||{});const f=r=>[[],(e,t)=>{switch(e.type){case"SLOT_FOCUS_UP":{if(!e.slot.current||!r)return;const n=o(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}case"SLOT_FOCUS_DOWN":{if(!e.slot||!r)return;const n=s(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}case"SLOT_FOCUS_LEFT":{if(!e.slot||!r)return;const n=l(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}case"SLOT_FOCUS_RIGHT":{if(!e.slot||!r)return;const n=p(e.slot,r);n&&n.current&&n.current.element&&(t.preventDefault(),n.current.element.focus());break}}}],o=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row-1&&e.current.props.col===r.current.props.col),l=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row&&e.current.props.col===r.current.props.col-1),p=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row&&e.current.props.col===r.current.props.col+1),s=(r,u)=>u.find(e=>e.current!==null&&r.current!==null&&e.current.props.row===r.current.props.row+1&&e.current.props.col===r.current.props.col);exports.SLOTS_FOCUS_ACTION=c;exports.findDownSlot=s;exports.findLeftSlot=l;exports.findRightSlot=p;exports.findUpSlot=o;exports.useSlotsFocus=f;

package/hooks/use-slots-focus.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 var t = /* @__PURE__ */ ((r) => (r.up = "SLOT_FOCUS_UP", r.down = "SLOT_FOCUS_DOWN", r.left = "SLOT_FOCUS_LEFT", r.right = "SLOT_FOCUS_RIGHT", r))(t || {});
 const f = (r) => [[], (e, c) => {
   switch (e.type) {
@@ -25,23 +26,23 @@ const f = (r) => [[], (e, c) => {
     case "SLOT_FOCUS_LEFT": {
       if (!e.slot || !r)
         return;
-      const n = p(e.slot, r);
+      const n = l(e.slot, r);
       n && n.current && n.current.element && (c.preventDefault(), n.current.element.focus());
       break;
     }
     case "SLOT_FOCUS_RIGHT": {
       if (!e.slot || !r)
         return;
-      const n = l(e.slot, r);
+      const n = p(e.slot, r);
       n && n.current && n.current.element && (c.preventDefault(), n.current.element.focus());
       break;
     }
   }
 }], o = (r, u) => u.find(
   (e) => e.current !== null && r.current !== null && e.current.props.row === r.current.props.row - 1 && e.current.props.col === r.current.props.col
-), p = (r, u) => u.find(
-  (e) => e.current !== null && r.current !== null && e.current.props.row === r.current.props.row && e.current.props.col === r.current.props.col - 1
 ), l = (r, u) => u.find(
+  (e) => e.current !== null && r.current !== null && e.current.props.row === r.current.props.row && e.current.props.col === r.current.props.col - 1
+), p = (r, u) => u.find(
   (e) => e.current !== null && r.current !== null && e.current.props.row === r.current.props.row && e.current.props.col === r.current.props.col + 1
 ), s = (r, u) => u.find(
   (e) => e.current !== null && r.current !== null && e.current.props.row === r.current.props.row + 1 && e.current.props.col === r.current.props.col
@@ -49,8 +50,8 @@ const f = (r) => [[], (e, c) => {
 export {
   t as SLOTS_FOCUS_ACTION,
   s as findDownSlot,
-  p as findLeftSlot,
-  l as findRightSlot,
+  l as findLeftSlot,
+  p as findRightSlot,
   o as findUpSlot,
   f as useSlotsFocus
 };

package/hooks/use-slots-selection.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 n=require("react");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const S=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,S.get?S:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const l=u(n);var o=(e=>(e.select="SLOTS_SELECT_SELECT",e.reset="SLOTS_SELECT_RESET",e.add="SLOTS_SELECT_ADD",e))(o||{});const a=e=>{const[t,s]=l.useState([]),S=l.useCallback(r=>{switch(r.type){case"SLOTS_SELECT_SELECT":if(!r.slot)return;s([r.slot]);break;case"SLOTS_SELECT_RESET":s([]);break;case"SLOTS_SELECT_ADD":if(!r.slot)return;t.some(c=>c===r.slot)||s([...t,r.slot]);break}},[t]);return[t,S]};exports.SLOTS_SELECT_ACTION=o;exports.useSlotsSelection=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,l.get?l:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const S=u(n);var o=(e=>(e.select="SLOTS_SELECT_SELECT",e.reset="SLOTS_SELECT_RESET",e.add="SLOTS_SELECT_ADD",e))(o||{});const a=e=>{const[t,s]=S.useState([]),l=S.useCallback(r=>{switch(r.type){case"SLOTS_SELECT_SELECT":if(!r.slot)return;s([r.slot]);break;case"SLOTS_SELECT_RESET":s([]);break;case"SLOTS_SELECT_ADD":if(!r.slot)return;t.some(c=>c===r.slot)||s([...t,r.slot]);break}},[t]);return[t,l]};exports.SLOTS_SELECT_ACTION=o;exports.useSlotsSelection=a;

package/hooks/use-slots-selection.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as l from "react";
 var o = /* @__PURE__ */ ((s) => (s.select = "SLOTS_SELECT_SELECT", s.reset = "SLOTS_SELECT_RESET", s.add = "SLOTS_SELECT_ADD", s))(o || {});
 const c = (s) => {

package/hooks/useCellSync.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("../views/common/utils.js"),h=require("@progress/kendo-react-common"),p=(e,b)=>{const{element:u}=e,g=()=>{if(!u||!u.current)return;const o=[],c=[],r=[],s=u.current.querySelectorAll(e.selector);s.forEach(n=>{const i=n.getBoundingClientRect().width,t=e.explicitDepth&&e.attribute!==void 0?n.getAttribute(e.attribute):0,l=f.getPadding(n,!0),d=f.getBorders(n,!0);t!==null&&((!r[t]||d>r[t])&&(r[t]=d),(!c[t]||l>c[t])&&(c[t]=l),(!o[t]||i>o[t])&&(o[t]=i))}),s.forEach(n=>{const i=e.explicitDepth?n.getAttribute(e.attribute):0;i!==null&&(n.style.minWidth=`${o[i]-c[i]-r[i]}px`)})};h.useIsomorphicLayoutEffect(g,b)};exports.useCellSync=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../views/common/utils.js"),h=require("@progress/kendo-react-common"),p=(e,b)=>{const{element:u}=e,g=()=>{if(!u||!u.current)return;const o=[],c=[],r=[],s=u.current.querySelectorAll(e.selector);s.forEach(n=>{const i=n.getBoundingClientRect().width,t=e.explicitDepth&&e.attribute!==void 0?n.getAttribute(e.attribute):0,l=f.getPadding(n,!0),d=f.getBorders(n,!0);t!==null&&((!r[t]||d>r[t])&&(r[t]=d),(!c[t]||l>c[t])&&(c[t]=l),(!o[t]||i>o[t])&&(o[t]=i))}),s.forEach(n=>{const i=e.explicitDepth?n.getAttribute(e.attribute):0;i!==null&&(n.style.minWidth=`${o[i]-c[i]-r[i]}px`)})};h.useIsomorphicLayoutEffect(g,b)};exports.useCellSync=p;

package/hooks/useCellSync.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { getPadding as h, getBorders as p } from "../views/common/utils.mjs";
 import { useIsomorphicLayoutEffect as b } from "@progress/kendo-react-common";
 const x = (e, f) => {

package/hooks/useControlledState.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 i=require("react");function l(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const c=l(i),d=(t,n,e)=>{const[o,r]=c.useState(n||t),s=c.useCallback((a,u)=>{r(a),e&&e.call(void 0,{...u,value:a})},[e,r]);return[n!==void 0?n:o,s]};exports.useControlledState=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function l(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const s=l(i),d=(t,n,e)=>{const[o,r]=s.useState(n||t),a=s.useCallback((c,u)=>{r(c),e&&e.call(void 0,{...u,value:c})},[e,r]);return[n!==void 0?n:o,a]};exports.useControlledState=d;

package/hooks/useControlledState.mjs

@@ -5,16 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as n from "react";
-const S = (a, t, e) => {
-  const [d, s] = n.useState(t || a), i = n.useCallback(
+const u = (i, t, e) => {
+  const [a, s] = n.useState(t || i), d = n.useCallback(
     (o, r) => {
       s(o), e && e.call(void 0, { ...r, value: o });
     },
     [e, s]
   );
-  return [t !== void 0 ? t : d, i];
+  return [t !== void 0 ? t : a, d];
 };
 export {
-  S as useControlledState
+  u as useControlledState
 };

package/hooks/useEditable.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 i=require("react"),d=require("../context/SchedulerContext.js");function l(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const f=l(i),v=t=>{const r=f.useContext(d.SchedulerPropsContext),e=t!==void 0?t:r.editable||!1,o=e===!0||e!==void 0&&e!==!1&&e.edit===!0,s=e===!0||e!==void 0&&e!==!1&&e.resize===!0,n=e===!0||e!==void 0&&e!==!1&&e.remove===!0,c=e===!0||e!==void 0&&e!==!1&&e.drag===!0,u=e===!0||e!==void 0&&e!==!1&&e.add===!0,a=e===!0||e!==void 0&&e!==!1&&e.select===!0;return{add:u,edit:o,drag:c,remove:n,resize:s,select:a}};exports.useEditable=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),d=require("../context/SchedulerContext.js");function l(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const f=l(i),v=t=>{const r=f.useContext(d.SchedulerPropsContext),e=t!==void 0?t:r.editable||!1,o=e===!0||e!==void 0&&e!==!1&&e.edit===!0,s=e===!0||e!==void 0&&e!==!1&&e.resize===!0,n=e===!0||e!==void 0&&e!==!1&&e.remove===!0,c=e===!0||e!==void 0&&e!==!1&&e.drag===!0,u=e===!0||e!==void 0&&e!==!1&&e.add===!0,a=e===!0||e!==void 0&&e!==!1&&e.select===!0;return{add:u,edit:o,drag:c,remove:n,resize:s,select:a}};exports.useEditable=v;

package/hooks/useEditable.mjs

@@ -5,17 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as c from "react";
-import { SchedulerPropsContext as n } from "../context/SchedulerContext.mjs";
+"use client";
+import * as n from "react";
+import { SchedulerPropsContext as a } from "../context/SchedulerContext.mjs";
 const f = (t) => {
-  const o = c.useContext(n), e = t !== void 0 ? t : o.editable || !1, r = e === !0 || e !== void 0 && e !== !1 && e.edit === !0, s = e === !0 || e !== void 0 && e !== !1 && e.resize === !0, d = e === !0 || e !== void 0 && e !== !1 && e.remove === !0, u = e === !0 || e !== void 0 && e !== !1 && e.drag === !0, i = e === !0 || e !== void 0 && e !== !1 && e.add === !0, a = e === !0 || e !== void 0 && e !== !1 && e.select === !0;
+  const o = n.useContext(a), e = t !== void 0 ? t : o.editable || !1, r = e === !0 || e !== void 0 && e !== !1 && e.edit === !0, s = e === !0 || e !== void 0 && e !== !1 && e.resize === !0, d = e === !0 || e !== void 0 && e !== !1 && e.remove === !0, u = e === !0 || e !== void 0 && e !== !1 && e.drag === !0, i = e === !0 || e !== void 0 && e !== !1 && e.add === !0, c = e === !0 || e !== void 0 && e !== !1 && e.select === !0;
   return {
     add: i,
     edit: r,
     drag: u,
     remove: d,
     resize: s,
-    select: a
+    select: c
   };
 };
 export {

package/hooks/useRowSync.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"),s=require("../views/common/utils.js"),y=require("../constants/index.js");function b(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const u=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(i,o,u.get?u:{enumerable:!0,get:()=>t[o]})}}return i.default=t,Object.freeze(i)}const g=b(f),h=t=>t.slice(1,t.length),d=(t,i)=>{const{element:o}=t,u=()=>{if(!o||!t.syncHeight)return;const r=[[]];Array.from(o.querySelectorAll(t.selector)).filter(e=>!e.classList.contains(h(t.applyTo))).forEach(e=>{const l=e.clientHeight,n=e.getAttribute(t.horizontalAttribute),c=e.getAttribute(t.verticalAttribute);n===null||c===null||(r[n]||(r[n]=[]),(!r[n][c]||l>r[n][c])&&(r[n][c]=l-y.BORDER_WIDTH))}),Array.from(o.querySelectorAll(t.applyTo)).forEach(e=>{const l=e.getAttribute(t.horizontalAttribute),n=e.getAttribute(t.verticalAttribute);if(l===null||n===null)return;const c=s.getPadding(e),a=r[l][n]-c;s.setRect(e,{height:a},!0)})};g.useEffect(u,i)};exports.useRowSync=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),s=require("../views/common/utils.js"),y=require("../constants/index.js");function b(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const u=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(i,c,u.get?u:{enumerable:!0,get:()=>t[c]})}}return i.default=t,Object.freeze(i)}const g=b(f),h=t=>t.slice(1,t.length),d=(t,i)=>{const{element:c}=t,u=()=>{if(!c||!t.syncHeight)return;const o=[[]];Array.from(c.querySelectorAll(t.selector)).filter(e=>!e.classList.contains(h(t.applyTo))).forEach(e=>{const l=e.clientHeight,n=e.getAttribute(t.horizontalAttribute),r=e.getAttribute(t.verticalAttribute);n===null||r===null||(o[n]||(o[n]=[]),(!o[n][r]||l>o[n][r])&&(o[n][r]=l-y.BORDER_WIDTH))}),Array.from(c.querySelectorAll(t.applyTo)).forEach(e=>{const l=e.getAttribute(t.horizontalAttribute),n=e.getAttribute(t.verticalAttribute);if(l===null||n===null)return;const r=s.getPadding(e),a=o[l][n]-r;s.setRect(e,{height:a},!0)})};g.useEffect(u,i)};exports.useRowSync=d;

package/hooks/useRowSync.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as f from "react";
 import { getPadding as h, setRect as m } from "../views/common/utils.mjs";
 import { BORDER_WIDTH as y } from "../constants/index.mjs";
@@ -16,13 +17,13 @@ const A = (t) => t.slice(1, t.length), R = (t, l) => {
     Array.from(c.querySelectorAll(t.selector)).filter(
       (e) => !e.classList.contains(A(t.applyTo))
     ).forEach((e) => {
-      const i = e.clientHeight, o = e.getAttribute(t.horizontalAttribute), r = e.getAttribute(t.verticalAttribute);
-      o === null || r === null || (n[o] || (n[o] = []), (!n[o][r] || i > n[o][r]) && (n[o][r] = i - y));
+      const r = e.clientHeight, o = e.getAttribute(t.horizontalAttribute), i = e.getAttribute(t.verticalAttribute);
+      o === null || i === null || (n[o] || (n[o] = []), (!n[o][i] || r > n[o][i]) && (n[o][i] = r - y));
     }), Array.from(c.querySelectorAll(t.applyTo)).forEach((e) => {
-      const i = e.getAttribute(t.horizontalAttribute), o = e.getAttribute(t.verticalAttribute);
-      if (i === null || o === null)
+      const r = e.getAttribute(t.horizontalAttribute), o = e.getAttribute(t.verticalAttribute);
+      if (r === null || o === null)
         return;
-      const r = h(e), u = n[i][o] - r;
+      const i = h(e), u = n[r][o] - i;
       m(e, { height: u }, !0);
     });
   };

package/hooks/useSchedulerItem.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 I=require("react"),l=require("@progress/kendo-react-common"),O=require("../context/SchedulerViewContext.js");function _(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(i,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return i.default=t,Object.freeze(i)}const u=_(I),g=(t,i)=>{const{_ref:n,itemRef:s,_maxSiblingsPerSlot:c,_siblings:d,_order:o}=t,r=u.useRef(null),m=u.useRef(null),[,f]=O.useSchedulerViewItemsContext();return u.useImperativeHandle(r,()=>({element:m.current,props:t,get _maxSiblingsPerSlot(){return c==null?void 0:c.current},set _maxSiblingsPerSlot(e){var S;e!=null&&c!==void 0&&c.current!==void 0&&(c.current=e,(S=d==null?void 0:d.current)==null||S.forEach(a=>{var p;!a||a._maxSiblingsPerSlot===e||e<((p=a._maxSiblingsPerSlot)!=null?p:0)||(a._maxSiblingsPerSlot=e)}))},get _order(){return o==null?void 0:o.current},set _order(e){e!==void 0&&o!==void 0&&o.current!==void 0&&(o.current=e)}})),u.useImperativeHandle(i,()=>r.current),u.useImperativeHandle(n,()=>r.current),u.useImperativeHandle(s,()=>r.current),l.useIsomorphicLayoutEffect(()=>(f({type:l.COLLECTION_ACTION.add,item:r}),()=>{f({type:l.COLLECTION_ACTION.remove,item:r})})),{item:r,element:m}};exports.useSchedulerItem=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),d=require("@progress/kendo-react-common"),O=require("../context/SchedulerViewContext.js");function _(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(i,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return i.default=t,Object.freeze(i)}const u=_(I),g=(t,i)=>{const{_ref:n,itemRef:s,_maxSiblingsPerSlot:c,_siblings:a,_order:o}=t,r=u.useRef(null),m=u.useRef(null),[,f]=O.useSchedulerViewItemsContext();return u.useImperativeHandle(r,()=>({element:m.current,props:t,get _maxSiblingsPerSlot(){return c==null?void 0:c.current},set _maxSiblingsPerSlot(e){var S;e!=null&&c!==void 0&&c.current!==void 0&&(c.current=e,(S=a==null?void 0:a.current)==null||S.forEach(l=>{var p;!l||l._maxSiblingsPerSlot===e||e<((p=l._maxSiblingsPerSlot)!=null?p:0)||(l._maxSiblingsPerSlot=e)}))},get _order(){return o==null?void 0:o.current},set _order(e){e!==void 0&&o!==void 0&&o.current!==void 0&&(o.current=e)}})),u.useImperativeHandle(i,()=>r.current),u.useImperativeHandle(n,()=>r.current),u.useImperativeHandle(s,()=>r.current),d.useIsomorphicLayoutEffect(()=>(f({type:d.COLLECTION_ACTION.add,item:r}),()=>{f({type:d.COLLECTION_ACTION.remove,item:r})})),{item:r,element:m}};exports.useSchedulerItem=g;

package/hooks/useSchedulerItem.mjs

@@ -5,10 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as o from "react";
-import { useIsomorphicLayoutEffect as S, COLLECTION_ACTION as a } from "@progress/kendo-react-common";
+import { useIsomorphicLayoutEffect as S, COLLECTION_ACTION as l } from "@progress/kendo-react-common";
 import { useSchedulerViewItemsContext as x } from "../context/SchedulerViewContext.mjs";
-const v = (m, l) => {
+const v = (m, a) => {
   const { _ref: p, itemRef: I, _maxSiblingsPerSlot: t, _siblings: c, _order: n } = m, r = o.useRef(null), i = o.useRef(null), [, s] = x();
   return o.useImperativeHandle(r, () => ({
     element: i.current,
@@ -29,12 +30,12 @@ const v = (m, l) => {
     set _order(e) {
       e !== void 0 && n !== void 0 && n.current !== void 0 && (n.current = e);
     }
-  })), o.useImperativeHandle(l, () => r.current), o.useImperativeHandle(p, () => r.current), o.useImperativeHandle(I, () => r.current), S(() => (s({
-    type: a.add,
+  })), o.useImperativeHandle(a, () => r.current), o.useImperativeHandle(p, () => r.current), o.useImperativeHandle(I, () => r.current), S(() => (s({
+    type: l.add,
     item: r
   }), () => {
     s({
-      type: a.remove,
+      type: l.remove,
       item: r
     });
   })), {

package/hooks/useSchedulerSlot.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 s=require("react"),l=require("@progress/kendo-react-common"),a=require("../context/SchedulerViewContext.js");function i(t){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(u,r,e.get?e:{enumerable:!0,get:()=>t[r]})}}return u.default=t,Object.freeze(u)}const n=i(s),d=(t,u)=>{const{_ref:r}=t,e=n.useRef(null),o=n.useRef(null),[,c]=a.useSchedulerViewSlotsContext();return n.useImperativeHandle(e,()=>({element:o.current,props:t})),n.useImperativeHandle(u,()=>e.current),n.useImperativeHandle(r,()=>e.current),n.useLayoutEffect(()=>(c({type:l.COLLECTION_ACTION.add,item:e}),()=>{c({type:l.COLLECTION_ACTION.remove,item:e})})),{slot:e,element:o}};exports.useSchedulerSlot=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@progress/kendo-react-common"),a=require("../context/SchedulerViewContext.js");function i(t){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(u,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return u.default=t,Object.freeze(u)}const r=i(s),d=(t,u)=>{const{_ref:n}=t,e=r.useRef(null),c=r.useRef(null),[,o]=a.useSchedulerViewSlotsContext();return r.useImperativeHandle(e,()=>({element:c.current,props:t})),r.useImperativeHandle(u,()=>e.current),r.useImperativeHandle(n,()=>e.current),r.useLayoutEffect(()=>(o({type:l.COLLECTION_ACTION.add,item:e}),()=>{o({type:l.COLLECTION_ACTION.remove,item:e})})),{slot:e,element:c}};exports.useSchedulerSlot=d;

package/hooks/useSchedulerSlot.mjs

@@ -5,17 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
-import { COLLECTION_ACTION as u } from "@progress/kendo-react-common";
-import { useSchedulerViewSlotsContext as m } from "../context/SchedulerViewContext.mjs";
+import { COLLECTION_ACTION as o } from "@progress/kendo-react-common";
+import { useSchedulerViewSlotsContext as c } from "../context/SchedulerViewContext.mjs";
 const i = (r, s) => {
-  const { _ref: l } = r, e = t.useRef(null), n = t.useRef(null), [, o] = m();
-  return t.useImperativeHandle(e, () => ({ element: n.current, props: r })), t.useImperativeHandle(s, () => e.current), t.useImperativeHandle(l, () => e.current), t.useLayoutEffect(() => (o({
-    type: u.add,
+  const { _ref: l } = r, e = t.useRef(null), n = t.useRef(null), [, u] = c();
+  return t.useImperativeHandle(e, () => ({ element: n.current, props: r })), t.useImperativeHandle(s, () => e.current), t.useImperativeHandle(l, () => e.current), t.useLayoutEffect(() => (u({
+    type: o.add,
     item: e
   }), () => {
-    o({
-      type: u.remove,
+    u({
+      type: o.remove,
       item: e
     });
   })), {