@progress/kendo-react-scheduler 9.2.0-develop.8 → 9.2.0

package/index.d.ts

@@ -13,6 +13,7 @@ import { DateFormatOptions } from '@progress/kendo-react-intl';
 import { DatePickerCloseEvent } from '@progress/kendo-react-dateinputs';
 import { DatePickerOpenEvent } from '@progress/kendo-react-dateinputs';
 import { DatePickerProps } from '@progress/kendo-react-dateinputs';
+import { DateRange as DateRange_2 } from '../..';
 import { DateTimePickerCloseEvent } from '@progress/kendo-react-dateinputs';
 import { DateTimePickerOpenEvent } from '@progress/kendo-react-dateinputs';
 import { DateTimePickerProps } from '@progress/kendo-react-dateinputs';
@@ -36,10 +37,27 @@ import { LocalizationService } from '@progress/kendo-react-intl';
 import { MultiSelectProps } from '@progress/kendo-react-dropdowns';
 import * as React_2 from 'react';
 import { ReactNodeLike } from 'prop-types';
+import { RecurrenceEditorProps } from '../recurrence/RecurrenceEditor';
 import { Requireable } from 'prop-types';
+import { ResourceEditorProps } from './ResourceEditor';
+import { SchedulerFooterHandle as SchedulerFooterHandle_2 } from './components/footer/SchedulerFooter';
+import { SchedulerFormHandle as SchedulerFormHandle_2 } from '../components/SchedulerForm';
+import { SchedulerHeaderHandle as SchedulerHeaderHandle_2 } from './components/header/SchedulerHeader';
+import { SchedulerItemHandle as SchedulerItemHandle_2 } from '../../items/SchedulerItem';
+import { SchedulerNavigationHandle } from './components/header/navigation/SchedulerNavigation';
+import { SchedulerNavigationProps } from './components/header/navigation/SchedulerNavigation';
+import { SchedulerOccurrenceDialogHandle as SchedulerOccurrenceDialogHandle_2 } from '../components/SchedulerOccurrenceDialog';
+import { SchedulerRemoveDialogHandle as SchedulerRemoveDialogHandle_2 } from '../components/SchedulerRemoveDialog';
+import { SchedulerTaskHandle as SchedulerTaskHandle_2 } from './SchedulerTask';
+import { SchedulerViewDateRangeArgs as SchedulerViewDateRangeArgs_2 } from '../..';
+import { SchedulerViewItemHandle as SchedulerViewItemHandle_2 } from '../../items/SchedulerViewItem';
+import { SchedulerViewItemHandle as SchedulerViewItemHandle_3 } from './SchedulerViewItem';
+import { SchedulerViewSelectorHandle } from './components/header/view-selector/SchedulerViewSelector';
+import { SchedulerViewSelectorProps } from './components/header/view-selector/SchedulerViewSelector';
+import { SchedulerViewSlotHandle as SchedulerViewSlotHandle_2 } from './SchedulerViewSlot';
+import { SchedulerViewTaskHandle as SchedulerViewTaskHandle_2 } from './SchedulerViewTask';
 import { TextAreaHandle } from '@progress/kendo-react-inputs';
 import { TextAreaProps } from '@progress/kendo-react-inputs';
-import { ToolbarItemProps } from '@progress/kendo-react-buttons';
 import { ToolbarProps } from '@progress/kendo-react-buttons';
 import { ZonedDate } from '@progress/kendo-date-math';
 
@@ -248,7 +266,7 @@ export declare const dayViewDefaultProps: {
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     currentTimeMarker: boolean;
-    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs_2) => DateRange_2;
     startTime: string;
     endTime: string;
     isWorkDayStart: string;
@@ -890,16 +908,6 @@ declare interface Range_2 {
 }
 export { Range_2 as Range }
 
-/** @hidden */
-declare interface RecurrenceEditorProps {
-    value: string;
-    start: Date;
-    timezone: string;
-    onChange: ({ value }: {
-        value: string | null;
-    }) => void;
-}
-
 /**
  * Represents the available `action` types for the `SchedulerItemRemoveItemAction` objects.
  *
@@ -951,17 +959,6 @@ export declare interface Resource {
     multiple?: boolean;
 }
 
-/** @hidden */
-declare interface ResourceEditorProps extends FieldRenderProps {
-    resource: SchedulerResource;
-    data: any[];
-    textField: string;
-    valueField: string;
-    colorField?: string;
-    multiple?: boolean;
-    validationMessage: string;
-}
-
 /**
  * Represents the [KendoReact Scheduler component]({% slug overview_scheduler %})
  *
@@ -1111,8 +1108,8 @@ export declare const schedulerDefaultProps: {
     tabIndex: number;
     editable: boolean;
     defaultDate: Date;
-    header: React_2.ForwardRefExoticComponent<SchedulerHeaderProps & React_2.RefAttributes<SchedulerHeaderHandle>>;
-    footer: React_2.ForwardRefExoticComponent<SchedulerFooterProps & React_2.RefAttributes<SchedulerFooterHandle>>;
+    header: React_2.ForwardRefExoticComponent<SchedulerHeaderProps & React_2.RefAttributes<SchedulerHeaderHandle_2>>;
+    footer: React_2.ForwardRefExoticComponent<SchedulerFooterProps & React_2.RefAttributes<SchedulerFooterHandle_2>>;
     navigation: React_2.ForwardRefExoticComponent<SchedulerNavigationProps & React_2.RefAttributes<SchedulerNavigationHandle>>;
     viewSelector: React_2.ForwardRefExoticComponent<SchedulerViewSelectorProps & React_2.RefAttributes<SchedulerViewSelectorHandle>>;
 };
@@ -1123,8 +1120,8 @@ export declare const schedulerDefaultProps: {
 export declare const SchedulerDrag: React_2.FunctionComponent<SchedulerDragProps>;
 
 export declare const schedulerDragDefaultProps: {
-    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
-    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle>>;
+    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_2>>;
+    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle_2>>;
 };
 
 /**
@@ -1185,12 +1182,12 @@ export declare const SchedulerEditItem: React_2.ForwardRefExoticComponent<Schedu
 export declare type SchedulerEditItemAction = SchedulerItemFormItemAction | SchedulerItemDragItemAction | SchedulerItemResizeItemAction | SchedulerItemRemoveItemAction | SchedulerItemShowRemoveDialogAction | SchedulerItemShowOccurrenceDialogAction | SchedulerItemSeriesAction | SchedulerItemsFocusAction | SchedulerItemsSelectAction | SchedulerSlotsFocusAction | SchedulerSlotsSelectAction | null | false | undefined;
 
 export declare const schedulerEditItemDefaultProps: {
-    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
+    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_3>>;
     drag: React_2.FunctionComponent<SchedulerDragProps>;
     resize: React_2.FunctionComponent<SchedulerResizeProps>;
-    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle | null>>;
-    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle | null>>;
-    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle | null>>;
+    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle_2 | null>>;
+    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle_2 | null>>;
+    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle_2 | null>>;
     onClickAction: (event: SchedulerItemMouseEvent, _: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction[];
     onDoubleClickAction: (_: any, props: SchedulerEditItemProps) => (false | {
         type: FORM_ITEM_ACTION;
@@ -1696,8 +1693,8 @@ export declare interface SchedulerEditItemStateChangeEvent<T> {
 export declare const SchedulerEditSlot: React_2.ForwardRefExoticComponent<SchedulerEditSlotProps & React_2.RefAttributes<SchedulerEditSlotHandle>>;
 
 export declare const schedulerEditSlotDefaultProps: {
-    viewSlot: React_2.ForwardRefExoticComponent<SchedulerViewSlotProps & React_2.RefAttributes<SchedulerViewSlotHandle>>;
-    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle | null>>;
+    viewSlot: React_2.ForwardRefExoticComponent<SchedulerViewSlotProps & React_2.RefAttributes<SchedulerViewSlotHandle_2>>;
+    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle_2 | null>>;
 };
 
 /**
@@ -1771,9 +1768,9 @@ export declare type SchedulerEditSlotPropsContextType = SchedulerEditSlotProps;
 export declare const SchedulerEditTask: React_2.ForwardRefExoticComponent<SchedulerEditTaskProps & React_2.RefAttributes<SchedulerEditTaskHandle>>;
 
 export declare const schedulerEditTaskDefaultProps: {
-    viewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle>>;
-    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle | null>>;
-    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle | null>>;
+    viewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle_2>>;
+    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle_2 | null>>;
+    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle_2 | null>>;
 };
 
 /**
@@ -1901,8 +1898,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -1932,8 +1929,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -1963,8 +1960,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -1994,8 +1991,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2011,8 +2008,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2042,8 +2039,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2073,8 +2070,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2090,8 +2087,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2108,8 +2105,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2139,8 +2136,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2330,7 +2327,7 @@ export declare interface SchedulerFormEditorProps extends Omit_2<FormElementProp
      *
      * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
      */
-    recurrenceEditor?: React_2.ComponentType<TargetlessChangeEvent<any & FieldProps, string>>;
+    recurrenceEditor?: React_2.ComponentType<TargetlessChangeEvent<FieldProps, string>>;
     /**
      * Overrides the component used for visualizing the `description` field label.
      * The [KendoReact Label]({% slug label_labels %}) component is used, by default.
@@ -2876,25 +2873,6 @@ export declare interface SchedulerModelFields {
     recurrenceExceptions?: string;
 }
 
-/**
- * Represents the object which is returned from the `ref` callback of the [SchedulerNavigation]({% slug api_scheduler_schedulernavigation %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
- */
-/** @hidden */
-declare interface SchedulerNavigationHandle {
-    props: SchedulerNavigationProps;
-    element: HTMLSpanElement | null;
-}
-
-/**
- * Represents the props of the KendoReact [SchedulerNavigation]({% slug api_scheduler_schedulernavigation %}) component.
- */
-/** @hidden */
-declare interface SchedulerNavigationProps extends ToolbarItemProps {
-    children?: React_2.ReactNode;
-}
-
 /**
  * Represents the default `occurrenceDialog` component rendered by the [KendoReact SchedulerEditItem component]({% slug api_scheduler_scheduleredititem  %}).
  */
@@ -3244,8 +3222,8 @@ export declare interface SchedulerRemoveDialogStateChangeEvent<T> {
 export declare const SchedulerResize: React_2.FunctionComponent<SchedulerResizeProps>;
 
 export declare const schedulerResizeDefaultProps: {
-    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
-    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle>>;
+    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_2>>;
+    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle_2>>;
 };
 
 /**
@@ -3684,25 +3662,6 @@ export declare const SchedulerViewsContext: React_2.Context<SchedulerViewsContex
  */
 export declare type SchedulerViewsContextType = SchedulerView[];
 
-/**
- * Represents the object which is returned from the `ref` callback of the [SchedulerViewSelector]({% slug api_scheduler_schedulerviewselector %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
- */
-/** @hidden */
-declare interface SchedulerViewSelectorHandle {
-    element: HTMLSpanElement | null;
-    props: SchedulerViewSelectorProps;
-}
-
-/**
- * Represents the props of the KendoReact [SchedulerViewSelector]({% slug api_scheduler_schedulerviewselector %}) component.
- */
-/** @hidden */
-declare interface SchedulerViewSelectorProps extends ToolbarItemProps {
-    children?: React_2.ReactNode;
-}
-
 /**
  * Represents the default `viewSlot` component rendered by the [KendoReact Scheduler component]({% slug overview_scheduler %}).
  *
@@ -3750,7 +3709,7 @@ export declare interface SchedulerViewSlotProps extends SchedulerSlotProps {
 export declare const SchedulerViewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle>>;
 
 export declare const schedulerViewTaskDefaultProps: {
-    task: React_2.ForwardRefExoticComponent<SchedulerTaskProps & React_2.RefAttributes<SchedulerTaskHandle>>;
+    task: React_2.ForwardRefExoticComponent<SchedulerTaskProps & React_2.RefAttributes<SchedulerTaskHandle_2>>;
 };
 
 /**
@@ -3973,7 +3932,7 @@ export declare const timeLineViewDefaultProps: {
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     currentTimeMarker: boolean;
-    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs_2) => DateRange_2;
     startTime: string;
     endTime: string;
     isWorkDayStart: string;

package/items/SchedulerProportionalViewItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),le=require("./SchedulerItem.js"),f=require("../utils/index.js"),E=require("../views/common/utils.js"),g=require("../constants/index.js"),ae=require("@progress/kendo-react-intl"),L=require("./SchedulerItemContent.js"),P=require("@progress/kendo-react-common"),H=require("@progress/kendo-svg-icons"),p=require("../context/SchedulerViewContext.js"),ue=require("../context/SchedulerContext.js"),de=require("../hooks/useRowSync.js");function me(e){const S=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const h in e)if(h!=="default"){const T=Object.getOwnPropertyDescriptor(e,h);Object.defineProperty(S,h,T.get?T:{enumerable:!0,get:()=>e[h]})}}return S.default=e,Object.freeze(S)}const t=me(se),he=1,G=t.forwardRef((e,S)=>{const{item:h,_ref:T,itemRef:J,...Q}=e,b=t.useRef(),o=t.useRef(null),M=t.useRef(null),q=t.useRef(null);t.useImperativeHandle(M,()=>({props:e,element:o.current&&o.current.element})),t.useImperativeHandle(S,()=>M.current),t.useImperativeHandle(T,()=>o.current),t.useImperativeHandle(J,()=>o.current);const U=h||K.item,z=ae.useInternationalization(),[X]=p.useSchedulerViewItemsContext(),[Y]=p.useSchedulerViewSlotsContext(),v=ue.useSchedulerElementContext(),[Z,C]=t.useState(!0),[ee,te]=t.useState(!1),k=t.useRef(0),d=t.useRef(null),m=t.useRef([]),W=P.useDir(v),V=t.useMemo(()=>e.isAllDay?z.toString(e.zonedStart,"t"):z.format("{0:t} - {1:t}",e.zonedStart,e.zonedEnd),[z,e.isAllDay,e.zonedEnd,e.zonedStart]),B=t.useMemo(()=>`(${V}): ${e.title}`,[V,e.title]),re=(i,n)=>{let c=0;return n.forEach(s=>{s._order!==void 0&&s._order!==null&&c<s._order&&(c=s._order)}),c+1},ne=(i,n,c)=>{const[s,R]=n,D=new Date(Math.max(e.start.getTime(),s.props.start.getTime())),_=new Date(Math.min(e.end.getTime(),R.props.end.getTime())),I=new Date(Math.max(D.getTime()+c,_.getTime()));return i.filter(l=>{const w=Math.max(l.props.start.getTime(),s.props.start.getTime()),u=Math.min(Math.max(w+c,l.props.end.getTime()),_.getTime());return l.props.id!==e.id&&l.props.group.index===e.group.index&&l.props.range.index===e.range.index&&(e.ignoreIsAllDay||l.props.isAllDay===e.isAllDay)&&f.intersects(new Date(w),new Date(u),D,I)&&f.intersects(s.props.start,R.props.end,l.props.start,l.props.end)})},ce=(i,n)=>i.group.index===n.group.index&&i.range.index===n.range.index&&(e.ignoreIsAllDay||i.isAllDay===n.isAllDay),O=()=>{var N,F,$;const i=(Y||[]).filter(r=>r.current&&ce(r.current.props,e)).sort((r,x)=>r.current.props.start.getTime()-x.current.props.start.getTime()),n=o.current&&o.current.element;if(!n||!i.length)return;const c=f.first(i),s=f.last(i);if(!c.current||!o.current||!s.current)return;if(!f.intersects(c.current.props.start,s.current.props.end,e.start,e.end)){C(!1);return}const R=[],D=[],_=[],I=E.getRect(c.current.element),y=(e.vertical?I.height:I.width)/(c.current.props.end.getTime()-c.current.props.start.getTime()),l=(e.start.getTime()-c.current.props.start.getTime())*y,w=(Math.min(e.end.getTime(),s.current.props.end.getTime())-Math.max(e.start.getTime(),c.current.props.start.getTime()))*y;(X||[]).forEach(r=>{r.current&&(r.current.props.dragHint?D.push(r.current):r.current.props.resizeHint?_.push(r.current):R.push(r.current))}),m.current=ne(R,[c.current,s.current],25/y),d.current=e.resizeHint||e.dragHint?0:f.calculateProportionalOrder(o.current,m.current);let u=1;e.resizeHint||e.dragHint||(u=re(o.current,m.current),m.current.forEach(r=>{r._maxSiblingsPerSlot&&u<r._maxSiblingsPerSlot&&(u=r._maxSiblingsPerSlot)}),m.current.forEach(r=>{r._maxSiblingsPerSlot!==void 0&&r._maxSiblingsPerSlot!==null&&r._maxSiblingsPerSlot<u&&(r._maxSiblingsPerSlot=u)}));let A=0;const a=I;m.current.forEach(r=>{let x=0;r._order!==void 0&&r._order!==null&&r._order<d.current&&(x=E.getRect(r.element).top+E.getRect(r.element).height-a.top-g.BORDER_WIDTH*d.current+he),x>A&&(A=x)});const oe=20;a.width=e.vertical?a.width/u-g.BORDER_WIDTH-oe/u:w+g.BORDER_WIDTH,a.height=e.vertical?w-g.BORDER_WIDTH:(e.resizeHint||e.dragHint)&&u<=1?a.height:e.style&&e.style.height?e.style.height:25,a.left=e.vertical?a.left+((N=d.current)!=null?N:0)+g.BORDER_WIDTH*((F=d.current)!=null?F:0)*a.width:a.left+(l<0?0:l),a.top=e.vertical?a.top+(l<0?0:l):a.top+A+g.BORDER_WIDTH*(($=d.current)!=null?$:0),k.current=u,E.setRect(n,a),te(!0),C(!0)},j=t.useCallback(i=>{const n=i&&i[0],c=q.current;b.current!==void 0&&window.cancelAnimationFrame(b.current),c&&n&&(c.width!==n.contentRect.width||c.height!==n.contentRect.height)&&(b.current=window.requestAnimationFrame(()=>{O()})),q.current={width:n.contentRect.width,height:n.contentRect.height}},[O]);t.useEffect(O);const ie=o.current&&o.current.element?o.current.element.closest(".k-scheduler-layout"):null;return de.useRowSync({element:ie,selector:".k-resource-row",horizontalAttribute:"data-depth-index",verticalAttribute:"data-resource-index",applyTo:".k-resource-cell",syncHeight:e.isLast}),t.useEffect(()=>{if(!v.current)return;const i=window.ResizeObserver,n=i&&new i(j);return n&&n.observe(v.current),()=>{n&&n.disconnect()}},[j,v]),t.createElement(U,{...Q,_ref:o,_order:d,_maxSiblingsPerSlot:k,_siblings:m,itemRef:o,style:{visibility:ee?void 0:"hidden",display:Z?void 0:"none",...e.style}},!e.resizeHint&&t.createElement("span",{className:"k-event-actions"},e.tail&&t.createElement(P.IconWrap,{name:W==="rtl"?"caret-alt-right":"caret-alt-left",icon:W==="rtl"?H.caretAltRightIcon:H.caretAltLeftIcon}),e.isRecurring&&!e.isException&&t.createElement(P.IconWrap,{name:"reload",icon:H.arrowRotateCwIcon}),!e.isRecurring&&e.isException&&t.createElement(P.IconWrap,{name:"non-recurrence",icon:H.nonRecurrenceIcon})),!e.resizeHint&&t.createElement("div",{title:B},!e.isAllDay&&t.createElement(L.SchedulerItemContent,{className:"k-event-time"},B),t.createElement(L.SchedulerItemContent,null,e.title)))}),K={item:le.SchedulerItem};G.displayName="KendoReactSchedulerProportionalViewItem";exports.SchedulerProportionalViewItem=G;exports.schedulerProportionalViewItemDefaultProps=K;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const me=require("react"),he=require("./SchedulerItem.js"),m=require("../utils/index.js"),D=require("../views/common/utils.js"),I=require("../constants/index.js"),fe=require("@progress/kendo-react-intl"),J=require("./SchedulerItemContent.js"),P=require("@progress/kendo-react-common"),H=require("@progress/kendo-svg-icons"),Q=require("../context/SchedulerViewContext.js"),ge=require("../context/SchedulerContext.js"),Se=require("../hooks/useRowSync.js");function Re(e){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const S in e)if(S!=="default"){const x=Object.getOwnPropertyDescriptor(e,S);Object.defineProperty(w,S,x.get?x:{enumerable:!0,get:()=>e[S]})}}return w.default=e,Object.freeze(w)}const r=Re(me),Ie=1,U=25,X=r.forwardRef((e,w)=>{const{item:S,_ref:x,itemRef:Z,...ee}=e,M=r.useRef(),o=r.useRef(null),C=r.useRef(null),k=r.useRef(null);r.useImperativeHandle(C,()=>({props:e,element:o.current&&o.current.element})),r.useImperativeHandle(w,()=>C.current),r.useImperativeHandle(x,()=>o.current),r.useImperativeHandle(Z,()=>o.current);const te=S||Y.item,b=fe.useInternationalization(),[re]=Q.useSchedulerViewItemsContext(),[ne]=Q.useSchedulerViewSlotsContext(),_=ge.useSchedulerElementContext(),[ce,V]=r.useState(!0),[ie,oe]=r.useState(!1),W=r.useRef(0),f=r.useRef(null),g=r.useRef([]),p=P.useDir(_),B=r.useMemo(()=>e.isAllDay?b.toString(e.zonedStart,"t"):b.format("{0:t} - {1:t}",e.zonedStart,e.zonedEnd),[b,e.isAllDay,e.zonedEnd,e.zonedStart]),N=r.useMemo(()=>`(${B}): ${e.title}`,[B,e.title]),se=(c,n)=>{let i=0;return n.forEach(l=>{l._order!==void 0&&l._order!==null&&i<l._order&&(i=l._order)}),i+1},le=(c,n,i)=>{const[l,h]=n,a=new Date(Math.min(h.props.end.getTime()-i,Math.max(e.start.getTime(),l.props.start.getTime()))),R=new Date(Math.max(a.getTime()+i,Math.min(e.end.getTime(),h.props.end.getTime())));return c.filter(u=>{const E=Math.max(Math.min(h.props.end.getTime()-i,u.props.start.getTime()),l.props.start.getTime()),T=Math.min(Math.max(E+i,u.props.end.getTime()),h.props.end.getTime());return u.props.id!==e.id&&u.props.group.index===e.group.index&&u.props.range.index===e.range.index&&(e.ignoreIsAllDay||u.props.isAllDay===e.isAllDay)&&m.intersects(new Date(E),new Date(T),a,R)&&m.intersects(l.props.start,h.props.end,u.props.start,u.props.end)})},ae=(c,n)=>c.group.index===n.group.index&&c.range.index===n.range.index&&(e.ignoreIsAllDay||c.isAllDay===n.isAllDay),z=()=>{var G,L,K;const c=ne.filter(t=>t.current&&ae(t.current.props,e)).sort((t,v)=>t.current.props.start.getTime()-v.current.props.start.getTime()),n=c.filter(t=>m.intersects(t.current.props.start,t.current.props.end,e.start,e.end)),i=o.current&&o.current.element;if(!i||!n.length)return;const l=m.first(c),h=m.last(c),a=m.first(n),R=m.last(n);if(!a.current||!o.current||!R.current||!l.current||!h.current)return;if(!m.intersects(a.current.props.start,R.current.props.end,e.start,e.end)){V(!1);return}const O=[],u=[],E=[],T=D.getRect(a.current.element),A=(e.vertical?T.height:T.width)/(a.current.props.end.getTime()-a.current.props.start.getTime()),F=(e.vertical?U:8)/A,y=(Math.min(e.start.getTime(),R.current.props.end.getTime()-F)-a.current.props.start.getTime())*A,$=Math.floor(Math.min(e.end.getTime(),R.current.props.end.getTime())-Math.max(e.start.getTime(),a.current.props.start.getTime()))*A;(re||[]).forEach(t=>{t.current&&(t.current.props.dragHint?u.push(t.current):t.current.props.resizeHint?E.push(t.current):O.push(t.current))}),g.current=le(O,[l.current,h.current],F),f.current=e.resizeHint||e.dragHint?0:m.calculateProportionalOrder(o.current,g.current);let d=1;e.resizeHint||e.dragHint||(d=se(o.current,g.current),g.current.forEach(t=>{t._maxSiblingsPerSlot&&d<t._maxSiblingsPerSlot&&(d=t._maxSiblingsPerSlot)}),g.current.forEach(t=>{t._maxSiblingsPerSlot!==void 0&&t._maxSiblingsPerSlot!==null&&t._maxSiblingsPerSlot<d&&(t._maxSiblingsPerSlot=d)}));let q=0;const s=T;g.current.forEach(t=>{let v=0;t._order!==void 0&&t._order!==null&&t._order<f.current&&(v=D.getRect(t.element).top+D.getRect(t.element).height-s.top-I.BORDER_WIDTH*f.current+Ie),v>q&&(q=v)});const de=20;s.width=e.vertical?s.width/d-I.BORDER_WIDTH-de/d:$-I.BORDER_WIDTH,s.height=e.vertical?$-I.BORDER_WIDTH:(e.resizeHint||e.dragHint)&&d<=1?s.height:e.style&&e.style.height?e.style.height:U,s.left=e.vertical?s.left+((G=f.current)!=null?G:0)+I.BORDER_WIDTH*((L=f.current)!=null?L:0)*s.width:s.left+(y<0?0:y),s.top=e.vertical?s.top+(y<0?0:y):s.top+q+I.BORDER_WIDTH*((K=f.current)!=null?K:0),W.current=d,D.setRect(i,s),oe(!0),V(!0)},j=r.useCallback(c=>{const n=c&&c[0],i=k.current;M.current!==void 0&&window.cancelAnimationFrame(M.current),i&&n&&(i.width!==n.contentRect.width||i.height!==n.contentRect.height)&&(M.current=window.requestAnimationFrame(()=>{z()})),k.current={width:n.contentRect.width,height:n.contentRect.height}},[z]);r.useEffect(z);const ue=o.current&&o.current.element?o.current.element.closest(".k-scheduler-layout"):null;return Se.useRowSync({element:ue,selector:".k-resource-row",horizontalAttribute:"data-depth-index",verticalAttribute:"data-resource-index",applyTo:".k-resource-cell",syncHeight:e.isLast}),r.useEffect(()=>{if(!_.current)return;const c=window.ResizeObserver,n=c&&new c(j);return n&&n.observe(_.current),()=>{n&&n.disconnect()}},[j,_]),r.createElement(te,{...ee,_ref:o,_order:f,_maxSiblingsPerSlot:W,_siblings:g,itemRef:o,style:{visibility:ie?void 0:"hidden",display:ce?void 0:"none",...e.style}},!e.resizeHint&&r.createElement("span",{className:"k-event-actions"},e.tail&&r.createElement(P.IconWrap,{name:p==="rtl"?"caret-alt-right":"caret-alt-left",icon:p==="rtl"?H.caretAltRightIcon:H.caretAltLeftIcon}),e.isRecurring&&!e.isException&&r.createElement(P.IconWrap,{name:"reload",icon:H.arrowRotateCwIcon}),!e.isRecurring&&e.isException&&r.createElement(P.IconWrap,{name:"non-recurrence",icon:H.nonRecurrenceIcon})),!e.resizeHint&&r.createElement("div",{title:N},!e.isAllDay&&r.createElement(J.SchedulerItemContent,{className:"k-event-time"},N),r.createElement(J.SchedulerItemContent,null,e.title)))}),Y={item:he.SchedulerItem};X.displayName="KendoReactSchedulerProportionalViewItem";exports.SchedulerProportionalViewItem=X;exports.schedulerProportionalViewItemDefaultProps=Y;

package/items/SchedulerProportionalViewItem.mjs

@@ -6,124 +6,138 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { SchedulerItem as ne } from "./SchedulerItem.mjs";
-import { first as ie, last as ce, intersects as D, calculateProportionalOrder as oe } from "../utils/index.mjs";
-import { getRect as P, setRect as se } from "../views/common/utils.mjs";
-import { BORDER_WIDTH as f } from "../constants/index.mjs";
-import { useInternationalization as le } from "@progress/kendo-react-intl";
-import { SchedulerItemContent as p } from "./SchedulerItemContent.mjs";
-import { useDir as ae, IconWrap as z } from "@progress/kendo-react-common";
-import { caretAltRightIcon as ue, caretAltLeftIcon as me, arrowRotateCwIcon as de, nonRecurrenceIcon as fe } from "@progress/kendo-svg-icons";
-import { useSchedulerViewItemsContext as he, useSchedulerViewSlotsContext as ge } from "../context/SchedulerViewContext.mjs";
-import { useSchedulerElementContext as Se } from "../context/SchedulerContext.mjs";
-import { useRowSync as we } from "../hooks/useRowSync.mjs";
-const xe = 1, Re = t.forwardRef(
-  (e, L) => {
-    const { item: $, _ref: q, itemRef: B, ...G } = e, T = t.useRef(), o = t.useRef(null), A = t.useRef(null), H = t.useRef(null);
-    t.useImperativeHandle(A, () => ({ props: e, element: o.current && o.current.element })), t.useImperativeHandle(L, () => A.current), t.useImperativeHandle(q, () => o.current), t.useImperativeHandle(B, () => o.current);
-    const K = $ || ve.item, E = le(), [j] = he(), [J] = ge(), x = Se(), [Q, M] = t.useState(!0), [U, X] = t.useState(!1), b = t.useRef(0), m = t.useRef(null), d = t.useRef([]), C = ae(x), O = t.useMemo(
-      () => e.isAllDay ? E.toString(e.zonedStart, "t") : E.format("{0:t} - {1:t}", e.zonedStart, e.zonedEnd),
-      [E, e.isAllDay, e.zonedEnd, e.zonedStart]
-    ), k = t.useMemo(() => `(${O}): ${e.title}`, [O, e.title]), Y = (c, n) => {
-      let i = 0;
-      return n.forEach((s) => {
-        s._order !== void 0 && s._order !== null && i < s._order && (i = s._order);
-      }), i + 1;
-    }, Z = (c, n, i) => {
-      const [s, h] = n, R = new Date(Math.max(e.start.getTime(), s.props.start.getTime())), v = new Date(Math.min(e.end.getTime(), h.props.end.getTime())), g = new Date(Math.max(R.getTime() + i, v.getTime()));
-      return c.filter((l) => {
-        const S = Math.max(l.props.start.getTime(), s.props.start.getTime()), u = Math.min(
-          Math.max(S + i, l.props.end.getTime()),
-          v.getTime()
+import * as r from "react";
+import { SchedulerItem as ue } from "./SchedulerItem.mjs";
+import { intersects as T, first as q, last as B, calculateProportionalOrder as me } from "../utils/index.mjs";
+import { getRect as z, setRect as de } from "../views/common/utils.mjs";
+import { BORDER_WIDTH as S } from "../constants/index.mjs";
+import { useInternationalization as fe } from "@progress/kendo-react-intl";
+import { SchedulerItemContent as K } from "./SchedulerItemContent.mjs";
+import { useDir as he, IconWrap as A } from "@progress/kendo-react-common";
+import { caretAltRightIcon as ge, caretAltLeftIcon as Se, arrowRotateCwIcon as we, nonRecurrenceIcon as ve } from "@progress/kendo-svg-icons";
+import { useSchedulerViewItemsContext as xe, useSchedulerViewSlotsContext as Re } from "../context/SchedulerViewContext.mjs";
+import { useSchedulerElementContext as Ie } from "../context/SchedulerContext.mjs";
+import { useRowSync as Te } from "../hooks/useRowSync.mjs";
+const Ee = 1, j = 25, _e = r.forwardRef(
+  (e, J) => {
+    const { item: Q, _ref: U, itemRef: X, ...Y } = e, E = r.useRef(), o = r.useRef(null), D = r.useRef(null), b = r.useRef(null);
+    r.useImperativeHandle(D, () => ({ props: e, element: o.current && o.current.element })), r.useImperativeHandle(J, () => D.current), r.useImperativeHandle(U, () => o.current), r.useImperativeHandle(X, () => o.current);
+    const Z = Q || ye.item, _ = fe(), [ee] = xe(), [te] = Re(), x = Ie(), [re, p] = r.useState(!0), [ne, ie] = r.useState(!1), C = r.useRef(0), f = r.useRef(null), h = r.useRef([]), O = he(x), k = r.useMemo(
+      () => e.isAllDay ? _.toString(e.zonedStart, "t") : _.format("{0:t} - {1:t}", e.zonedStart, e.zonedEnd),
+      [_, e.isAllDay, e.zonedEnd, e.zonedStart]
+    ), V = r.useMemo(() => `(${k}): ${e.title}`, [k, e.title]), ce = (i, n) => {
+      let c = 0;
+      return n.forEach((l) => {
+        l._order !== void 0 && l._order !== null && c < l._order && (c = l._order);
+      }), c + 1;
+    }, oe = (i, n, c) => {
+      const [l, d] = n, a = new Date(
+        Math.min(
+          d.props.end.getTime() - c,
+          Math.max(e.start.getTime(), l.props.start.getTime())
+        )
+      ), g = new Date(
+        Math.max(a.getTime() + c, Math.min(e.end.getTime(), d.props.end.getTime()))
+      );
+      return i.filter((u) => {
+        const R = Math.max(
+          Math.min(d.props.end.getTime() - c, u.props.start.getTime()),
+          l.props.start.getTime()
+        ), w = Math.min(
+          Math.max(R + c, u.props.end.getTime()),
+          d.props.end.getTime()
         );
-        return l.props.id !== e.id && l.props.group.index === e.group.index && l.props.range.index === e.range.index && (e.ignoreIsAllDay || l.props.isAllDay === e.isAllDay) && D(new Date(S), new Date(u), R, g) && D(s.props.start, h.props.end, l.props.start, l.props.end);
+        return u.props.id !== e.id && u.props.group.index === e.group.index && u.props.range.index === e.range.index && (e.ignoreIsAllDay || u.props.isAllDay === e.isAllDay) && T(new Date(R), new Date(w), a, g) && T(l.props.start, d.props.end, u.props.start, u.props.end);
       });
-    }, ee = (c, n) => c.group.index === n.group.index && c.range.index === n.range.index && (e.ignoreIsAllDay || c.isAllDay === n.isAllDay), y = () => {
-      var F, N, W;
-      const c = (J || []).filter((r) => r.current && ee(r.current.props, e)).sort((r, w) => r.current.props.start.getTime() - w.current.props.start.getTime()), n = o.current && o.current.element;
-      if (!n || !c.length)
+    }, se = (i, n) => i.group.index === n.group.index && i.range.index === n.range.index && (e.ignoreIsAllDay || i.isAllDay === n.isAllDay), y = () => {
+      var L, W, $;
+      const i = te.filter((t) => t.current && se(t.current.props, e)).sort((t, v) => t.current.props.start.getTime() - v.current.props.start.getTime()), n = i.filter(
+        (t) => T(t.current.props.start, t.current.props.end, e.start, e.end)
+      ), c = o.current && o.current.element;
+      if (!c || !n.length)
         return;
-      const i = ie(c), s = ce(c);
-      if (!i.current || !o.current || !s.current)
+      const l = q(i), d = B(i), a = q(n), g = B(n);
+      if (!a.current || !o.current || !g.current || !l.current || !d.current)
         return;
-      if (!D(i.current.props.start, s.current.props.end, e.start, e.end)) {
-        M(!1);
+      if (!T(a.current.props.start, g.current.props.end, e.start, e.end)) {
+        p(!1);
         return;
       }
-      const h = [], R = [], v = [], g = P(i.current.element), I = (e.vertical ? g.height : g.width) / (i.current.props.end.getTime() - i.current.props.start.getTime()), l = (e.start.getTime() - i.current.props.start.getTime()) * I, S = (Math.min(e.end.getTime(), s.current.props.end.getTime()) - Math.max(e.start.getTime(), i.current.props.start.getTime())) * I;
-      (j || []).forEach((r) => {
-        r.current && (r.current.props.dragHint ? R.push(r.current) : r.current.props.resizeHint ? v.push(r.current) : h.push(r.current));
-      }), d.current = Z(h, [i.current, s.current], 25 / I), m.current = e.resizeHint || e.dragHint ? 0 : oe(o.current, d.current);
-      let u = 1;
-      e.resizeHint || e.dragHint || (u = Y(o.current, d.current), d.current.forEach((r) => {
-        r._maxSiblingsPerSlot && u < r._maxSiblingsPerSlot && (u = r._maxSiblingsPerSlot);
-      }), d.current.forEach((r) => {
-        r._maxSiblingsPerSlot !== void 0 && r._maxSiblingsPerSlot !== null && r._maxSiblingsPerSlot < u && (r._maxSiblingsPerSlot = u);
+      const M = [], u = [], R = [], w = z(a.current.element), H = (e.vertical ? w.height : w.width) / (a.current.props.end.getTime() - a.current.props.start.getTime()), F = (e.vertical ? j : 8) / H, I = (Math.min(e.start.getTime(), g.current.props.end.getTime() - F) - a.current.props.start.getTime()) * H, G = Math.floor(
+        Math.min(e.end.getTime(), g.current.props.end.getTime()) - Math.max(e.start.getTime(), a.current.props.start.getTime())
+      ) * H;
+      (ee || []).forEach((t) => {
+        t.current && (t.current.props.dragHint ? u.push(t.current) : t.current.props.resizeHint ? R.push(t.current) : M.push(t.current));
+      }), h.current = oe(M, [l.current, d.current], F), f.current = e.resizeHint || e.dragHint ? 0 : me(o.current, h.current);
+      let m = 1;
+      e.resizeHint || e.dragHint || (m = ce(o.current, h.current), h.current.forEach((t) => {
+        t._maxSiblingsPerSlot && m < t._maxSiblingsPerSlot && (m = t._maxSiblingsPerSlot);
+      }), h.current.forEach((t) => {
+        t._maxSiblingsPerSlot !== void 0 && t._maxSiblingsPerSlot !== null && t._maxSiblingsPerSlot < m && (t._maxSiblingsPerSlot = m);
       }));
-      let _ = 0;
-      const a = g;
-      d.current.forEach((r) => {
-        let w = 0;
-        r._order !== void 0 && r._order !== null && r._order < m.current && (w = P(r.element).top + P(r.element).height - a.top - f * m.current + xe), w > _ && (_ = w);
+      let P = 0;
+      const s = w;
+      h.current.forEach((t) => {
+        let v = 0;
+        t._order !== void 0 && t._order !== null && t._order < f.current && (v = z(t.element).top + z(t.element).height - s.top - S * f.current + Ee), v > P && (P = v);
       });
-      const re = 20;
-      a.width = e.vertical ? a.width / u - f - re / u : S + f, a.height = e.vertical ? S - f : (e.resizeHint || e.dragHint) && u <= 1 ? a.height : e.style && e.style.height ? e.style.height : 25, a.left = e.vertical ? a.left + ((F = m.current) != null ? F : 0) + f * ((N = m.current) != null ? N : 0) * a.width : a.left + (l < 0 ? 0 : l), a.top = e.vertical ? a.top + (l < 0 ? 0 : l) : a.top + _ + f * ((W = m.current) != null ? W : 0), b.current = u, se(n, a), X(!0), M(!0);
-    }, V = t.useCallback(
-      (c) => {
-        const n = c && c[0], i = H.current;
-        T.current !== void 0 && window.cancelAnimationFrame(T.current), i && n && (i.width !== n.contentRect.width || i.height !== n.contentRect.height) && (T.current = window.requestAnimationFrame(() => {
+      const ae = 20;
+      s.width = e.vertical ? s.width / m - S - ae / m : G - S, s.height = e.vertical ? G - S : (e.resizeHint || e.dragHint) && m <= 1 ? s.height : e.style && e.style.height ? e.style.height : j, s.left = e.vertical ? s.left + ((L = f.current) != null ? L : 0) + S * ((W = f.current) != null ? W : 0) * s.width : s.left + (I < 0 ? 0 : I), s.top = e.vertical ? s.top + (I < 0 ? 0 : I) : s.top + P + S * (($ = f.current) != null ? $ : 0), C.current = m, de(c, s), ie(!0), p(!0);
+    }, N = r.useCallback(
+      (i) => {
+        const n = i && i[0], c = b.current;
+        E.current !== void 0 && window.cancelAnimationFrame(E.current), c && n && (c.width !== n.contentRect.width || c.height !== n.contentRect.height) && (E.current = window.requestAnimationFrame(() => {
           y();
-        })), H.current = { width: n.contentRect.width, height: n.contentRect.height };
+        })), b.current = { width: n.contentRect.width, height: n.contentRect.height };
       },
       [y]
     );
-    t.useEffect(y);
-    const te = o.current && o.current.element ? o.current.element.closest(".k-scheduler-layout") : null;
-    return we({
-      element: te,
+    r.useEffect(y);
+    const le = o.current && o.current.element ? o.current.element.closest(".k-scheduler-layout") : null;
+    return Te({
+      element: le,
       selector: ".k-resource-row",
       horizontalAttribute: "data-depth-index",
       verticalAttribute: "data-resource-index",
       applyTo: ".k-resource-cell",
       syncHeight: e.isLast
-    }), t.useEffect(() => {
+    }), r.useEffect(() => {
       if (!x.current)
         return;
-      const c = window.ResizeObserver, n = c && new c(V);
+      const i = window.ResizeObserver, n = i && new i(N);
       return n && n.observe(x.current), () => {
         n && n.disconnect();
       };
-    }, [V, x]), /* @__PURE__ */ t.createElement(
-      K,
+    }, [N, x]), /* @__PURE__ */ r.createElement(
+      Z,
       {
-        ...G,
+        ...Y,
         _ref: o,
-        _order: m,
-        _maxSiblingsPerSlot: b,
-        _siblings: d,
+        _order: f,
+        _maxSiblingsPerSlot: C,
+        _siblings: h,
         itemRef: o,
         style: {
-          visibility: U ? void 0 : "hidden",
-          display: Q ? void 0 : "none",
+          visibility: ne ? void 0 : "hidden",
+          display: re ? void 0 : "none",
           ...e.style
         }
       },
-      !e.resizeHint && /* @__PURE__ */ t.createElement("span", { className: "k-event-actions" }, e.tail && /* @__PURE__ */ t.createElement(
-        z,
+      !e.resizeHint && /* @__PURE__ */ r.createElement("span", { className: "k-event-actions" }, e.tail && /* @__PURE__ */ r.createElement(
+        A,
         {
-          name: C === "rtl" ? "caret-alt-right" : "caret-alt-left",
-          icon: C === "rtl" ? ue : me
+          name: O === "rtl" ? "caret-alt-right" : "caret-alt-left",
+          icon: O === "rtl" ? ge : Se
         }
-      ), e.isRecurring && !e.isException && /* @__PURE__ */ t.createElement(z, { name: "reload", icon: de }), !e.isRecurring && e.isException && /* @__PURE__ */ t.createElement(z, { name: "non-recurrence", icon: fe })),
-      !e.resizeHint && /* @__PURE__ */ t.createElement("div", { title: k }, !e.isAllDay && /* @__PURE__ */ t.createElement(p, { className: "k-event-time" }, k), /* @__PURE__ */ t.createElement(p, null, e.title))
+      ), e.isRecurring && !e.isException && /* @__PURE__ */ r.createElement(A, { name: "reload", icon: we }), !e.isRecurring && e.isException && /* @__PURE__ */ r.createElement(A, { name: "non-recurrence", icon: ve })),
+      !e.resizeHint && /* @__PURE__ */ r.createElement("div", { title: V }, !e.isAllDay && /* @__PURE__ */ r.createElement(K, { className: "k-event-time" }, V), /* @__PURE__ */ r.createElement(K, null, e.title))
     );
   }
-), ve = {
-  item: ne
+), ye = {
+  item: ue
 };
-Re.displayName = "KendoReactSchedulerProportionalViewItem";
+_e.displayName = "KendoReactSchedulerProportionalViewItem";
 export {
-  Re as SchedulerProportionalViewItem,
-  ve as schedulerProportionalViewItemDefaultProps
+  _e as SchedulerProportionalViewItem,
+  ye as schedulerProportionalViewItemDefaultProps
 };