@progress/kendo-react-layout 13.4.0-develop.2 → 13.4.0-develop.4

package/package-metadata.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 e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770287853,version:"13.4.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770362819,version:"13.4.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
     publishDate: 0,
-    version: '13.4.0-develop.2',
+    version: '13.4.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "13.4.0-develop.2",
+  "version": "13.4.0-develop.4",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,12 +26,12 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "13.4.0-develop.2",
-    "@progress/kendo-react-buttons": "13.4.0-develop.2",
-    "@progress/kendo-react-common": "13.4.0-develop.2",
-    "@progress/kendo-react-intl": "13.4.0-develop.2",
-    "@progress/kendo-react-popup": "13.4.0-develop.2",
-    "@progress/kendo-react-progressbars": "13.4.0-develop.2",
+    "@progress/kendo-react-animation": "13.4.0-develop.4",
+    "@progress/kendo-react-buttons": "13.4.0-develop.4",
+    "@progress/kendo-react-common": "13.4.0-develop.4",
+    "@progress/kendo-react-intl": "13.4.0-develop.4",
+    "@progress/kendo-react-popup": "13.4.0-develop.4",
+    "@progress/kendo-react-progressbars": "13.4.0-develop.4",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -76,7 +76,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1770287853,
+      "publishDate": 1770362819,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/tilelayout/InternalTile.d.ts

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { TileStrictPosition, TileLayoutItem } from './interfaces/index.js';
 import * as React from 'react';
 /**
@@ -30,83 +29,8 @@ export interface InternalTileState {
 /**
  * @hidden
  */
-export declare class InternalTile extends React.Component<InternalTileProps, InternalTileState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        defaultPosition: PropTypes.Validator<object>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        hintStyle: PropTypes.Requireable<object>;
-        hintClassName: PropTypes.Requireable<string>;
-        header: PropTypes.Requireable<any>;
-        body: PropTypes.Requireable<any>;
-        item: PropTypes.Requireable<any>;
-        resizable: PropTypes.Requireable<string | boolean>;
-        reorderable: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        resizable: boolean;
-        reorderable: boolean;
-    };
-    protected get reorderable(): boolean;
-    state: {
-        rtl: boolean;
-        visibleHint: boolean;
-    };
-    oldSize: {};
-    draggable: {
-        element: HTMLElement | null;
-    } | null;
-    dragging: boolean;
-    resizing: boolean;
-    element: HTMLElement | null;
-    hintElement: HTMLElement | null;
-    get dragElement(): HTMLElement | null | undefined;
-    ignoreDrag: boolean;
-    pressOffset: {
-        x: number;
-        y: number;
-    };
-    pressXY: {
-        x: number;
-        y: number;
-    };
-    currentTranslate: {
-        x: number;
-        y: number;
-    };
-    preventDataOps: any;
-    handleResize: (e: any, q: {
-        end: boolean;
-        direction: any;
-    }) => void;
-    handlePress: (e: any) => void;
-    handleDrag: (e: any) => void;
-    handleRelease: () => void;
-    handleMouseDown: () => void;
-    handleMouseUp: () => void;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-    /**
-     * @hidden
-     */
-    getSnapshotBeforeUpdate(_: any): null;
-    /**
-     * @hidden
-     */
-    setInitialHintPosition(): void;
-    calcNewHintPosition: () => void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(prevProps: any): void;
-}
+export declare const InternalTile: React.FC<InternalTileProps> & {
+    propTypes?: any;
+    displayName?: string;
+    defaultProps?: Partial<InternalTileProps>;
+};

package/tilelayout/InternalTile.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 y=require("react"),a=require("prop-types"),u=require("@progress/kendo-react-common"),b=require("./ResizeHandlers.js");function E(c){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const e in c)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(c,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>c[e]})}}return t.default=c,Object.freeze(t)}const d=E(y),f=200,p=class p extends d.Component{constructor(){super(...arguments),this.state={rtl:!1,visibleHint:!1},this.oldSize={},this.draggable=null,this.dragging=!1,this.resizing=!1,this.element=null,this.hintElement=null,this.ignoreDrag=!1,this.pressOffset={x:0,y:0},this.pressXY={x:0,y:0},this.currentTranslate={x:0,y:0},this.preventDataOps=void 0,this.handleResize=(t,e)=>{if(e.end){this.handleRelease();return}if(!this.element||!this.hintElement)return;const s=t.clientX,l=t.clientY;this.resizing=!0;const r=(e.direction!=="ns"?s-this.pressXY.x:0)*(this.state.rtl?-1:1),i=e.direction!=="ew"?l-this.pressXY.y:0;if(this.dragElement&&(this.state.rtl?this.dragElement.style.marginLeft=-r+"px":this.dragElement.style.marginRight=-r+"px",this.dragElement.style.height=`calc(100% + ${i}px)`),this.hintElement.classList.add("k-layout-item-hint-resize"),this.preventDataOps)return;let n=0,o=0;const h=this.element.getBoundingClientRect();r>h.width/this.props.defaultPosition.colSpan/3&&(n=1),r<-h.width/this.props.defaultPosition.colSpan/1.25&&(n=-1),i>h.height/this.props.defaultPosition.rowSpan/3&&(o=1),i<-h.height/this.props.defaultPosition.rowSpan/1.25&&(o=-1),(n!==0||o!==0)&&this.props.update(this.props.index,0,0,o,n)},this.handlePress=t=>{if(!this.dragElement)return;if(this.pressXY={x:t.event.clientX,y:t.event.clientY},this.ignoreDrag=!1,this.props.ignoreDrag&&this.props.ignoreDrag(t.event.originalEvent)){this.ignoreDrag=!0;return}this.element&&(this.element.style.zIndex="10",this.setState({visibleHint:!0})),this.dragElement.classList.remove("k-cursor-move"),this.dragElement.classList.add("k-cursor-grabbing");const e=this.dragElement.getBoundingClientRect();this.pressOffset={x:t.event.clientX-e.x,y:t.event.clientY-e.y},this.props.onPress()},this.handleDrag=t=>{var n;if(this.ignoreDrag)return;const e=this.dragElement;if(t.event.originalEvent.defaultPrevented||!e)return;this.dragging=!0,t.event.originalEvent.preventDefault();const s=e.getBoundingClientRect();if(this.currentTranslate={x:t.event.clientX-s.x-this.pressOffset.x+this.currentTranslate.x,y:t.event.clientY-s.y-this.pressOffset.y+this.currentTranslate.y},e.style.transform=`translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px)`,e.style.transition="transform 0s",this.preventDataOps)return;let l=0,r=0;this.currentTranslate.y>.7*s.height/this.props.defaultPosition.rowSpan&&(r=1),this.currentTranslate.y<.7*-s.height/this.props.defaultPosition.rowSpan&&(r=-1),this.currentTranslate.x>.7*s.width/this.props.defaultPosition.colSpan&&(l=1),this.currentTranslate.x<.7*-s.width/this.props.defaultPosition.colSpan&&(l=-1),this.props.update(this.props.index,r,this.state.rtl?-l:l,0,0);const i=(n=this.element)==null?void 0:n.closest(".k-tilelayout");if(i&&this.hintElement){const o=i.getBoundingClientRect(),h=u.getScrollbarWidth()||50;t.event.clientX<o.left-h||t.event.clientX>o.right-h||t.event.clientY<o.top||t.event.clientY>o.bottom?this.hintElement.style.display="none":this.hintElement.style.display="block"}},this.handleRelease=()=>{this.dragging=this.resizing=!1,this.currentTranslate={x:0,y:0},this.element&&this.hintElement&&(this.element.style.zIndex="1",this.hintElement.classList.remove("k-layout-item-hint-resize"),this.setState({visibleHint:!1}));const t=this.dragElement;t&&(t.style.transform="translate(0px, 0px)",t.style.transition=`transform ${f}ms cubic-bezier(0.2, 0, 0, 1) 0s`,t.style.marginRight="0px",t.style.marginLeft="0px",t.style.height="100%",t.classList.remove("k-cursor-grabbing"),this.reorderable&&t.classList.add("k-cursor-move")),this.props.onRelease()},this.handleMouseDown=()=>{this.setInitialHintPosition()},this.handleMouseUp=()=>{setTimeout(()=>{this.setInitialHintPosition()},100)},this.calcNewHintPosition=()=>{if(!this.dragElement||!this.hintElement)return;const t=this.dragElement.getBoundingClientRect(),e=t.top+this.currentTranslate.y,s=t.left+this.currentTranslate.x;this.hintElement.style.top=`${e}px`,this.hintElement.style.left=`${s}px`,this.hintElement.style.display="block"}}get reorderable(){return this.props.reorderable!==void 0?this.props.reorderable:p.defaultProps.reorderable}get dragElement(){return this.draggable?this.draggable.element:void 0}componentDidMount(){this.element&&(getComputedStyle(this.element).direction==="rtl"&&this.setState({rtl:!0}),this.hintElement&&(this.hintElement.style.height=this.element.offsetHeight+"px",this.hintElement.style.width=this.element.offsetWidth+"px"))}render(){u.canUseDOM&&clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(this.preventDataOps),this.preventDataOps=window.setTimeout(()=>{this.preventDataOps=void 0},200));const t=this.props.defaultPosition,e=this.props.resizable!==void 0?this.props.resizable:p.defaultProps.resizable,s={gridColumnStart:t.col,gridColumnEnd:`span ${t.colSpan}`,gridRowStart:t.row,gridRowEnd:`span ${t.rowSpan}`,outline:"none",order:t.order,display:"block",...this.props.hintStyle},l={gridColumnStart:t.col,gridColumnEnd:`span ${t.colSpan}`,gridRowStart:t.row,gridRowEnd:`span ${t.rowSpan}`,order:t.order},r=d.createElement("div",{ref:i=>{this.draggable=i?{element:i}:null},role:"listitem",tabIndex:0,"aria-labelledby":typeof this.props.header=="string"?this.props.header:`tile-${this.props.index}`,"aria-keyshortcuts":"Enter",className:u.classNames("k-tilelayout-item k-card",{"k-cursor-move":this.reorderable},this.props.className),style:{height:"100%",...l,...this.props.style},onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp},this.props.children,d.createElement(b.ResizeHandlers,{onPress:this.handlePress,onResize:this.handleResize,resizable:e,rtl:this.state.rtl}));return d.createElement(d.Fragment,null,this.state.visibleHint&&d.createElement("div",{ref:i=>{this.hintElement=i},style:{position:"fixed",...s},className:u.classNames("k-layout-item-hint",this.props.hintClassName)}),d.createElement(u.Draggable,{ref:i=>{this.draggable=i,this.element=i?i.element:null},onDrag:this.props.reorderable?this.handleDrag:void 0,onRelease:this.props.reorderable?this.handleRelease:void 0,onPress:this.props.reorderable?this.handlePress:void 0},r))}getSnapshotBeforeUpdate(t){return this.oldSize={},this.dragElement&&(this.oldSize=this.dragElement.getBoundingClientRect()),null}setInitialHintPosition(){if(this.element&&this.hintElement){const t=this.element.getBoundingClientRect();this.hintElement.style.top=t.top+"px",this.hintElement.style.left=t.left+"px",this.hintElement.style.height=this.element.offsetHeight+"px",this.hintElement.style.width=this.element.offsetWidth+"px"}}componentDidUpdate(t){const e=this.dragElement;if(!e)return;const s=e.getBoundingClientRect(),l=this.oldSize;if(this.resizing){const n=s.width-l.width;if(this.state.rtl){const g=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=g-n+"px"}else{const g=parseFloat(e.style.marginRight||"0");e.style.marginRight=g+n+"px"}this.pressXY.x+=this.state.rtl?-n:n;const o=s.height-l.height,h=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${h+o}px)`,this.pressXY.y+=o}const r=l.left-s.left,i=l.top-s.top;if(!(r===0&&i===0)){if(this.dragging){(t.defaultPosition.order!==this.props.defaultPosition.order||t.defaultPosition.col!==this.props.defaultPosition.col)&&(this.currentTranslate.x=0,this.currentTranslate.y=0,e.style.transform="",this.calcNewHintPosition());return}Math.abs(i)<15&&Math.abs(r)<15||requestAnimationFrame(()=>{const n=this.element;n&&(n.style.transform=`translate(${r}px, ${i}px)`,n.style.transition="transform 0s",requestAnimationFrame(()=>{n.style.transform="",n.style.transition=`transform ${f}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))})}}};p.propTypes={defaultPosition:a.object.isRequired,style:a.object,className:a.string,hintStyle:a.object,hintClassName:a.string,header:a.any,body:a.any,item:a.any,resizable:a.oneOf(["horizontal","vertical",!0,!1]),reorderable:a.bool},p.displayName="KendoTileLayoutItem",p.defaultProps={resizable:!0,reorderable:!0};let m=p;exports.InternalTile=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),o=require("prop-types"),C=require("@progress/kendo-react-common"),J=require("./ResizeHandlers.js");function Q(t){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const v in t)if(v!=="default"){const c=Object.getOwnPropertyDescriptor(t,v);Object.defineProperty(m,v,c.get?c:{enumerable:!0,get:()=>t[v]})}}return m.default=t,Object.freeze(m)}const n=Q(G),Y=200,M={resizable:!0,reorderable:!0},D=t=>{var B,X;const m=(B=t.reorderable)!=null?B:M.reorderable,v=(X=t.resizable)!=null?X:M.resizable,c=n.useRef(null),s=n.useRef(null),z=n.useRef(null),w=n.useRef({}),T=n.useRef(!1),N=n.useRef(!1),$=n.useRef(!1),L=n.useRef({x:0,y:0}),P=n.useRef({x:0,y:0}),u=n.useRef({x:0,y:0}),S=n.useRef(void 0),x=n.useRef(t),[b,j]=n.useState(!1),[H,I]=n.useState(!1),d=n.useCallback(()=>z.current?z.current.element:void 0,[]),E=n.useCallback(()=>{if(c.current&&s.current){const e=c.current.getBoundingClientRect();s.current.style.top=e.top+"px",s.current.style.left=e.left+"px",s.current.style.height=c.current.offsetHeight+"px",s.current.style.width=c.current.offsetWidth+"px"}},[]),p=n.useCallback(()=>{E()},[E]),F=n.useCallback(()=>{setTimeout(()=>{E()},100)},[E]),A=n.useCallback(()=>{const e=d();if(!e||!s.current)return;const r=e.getBoundingClientRect(),i=r.top+u.current.y,a=r.left+u.current.x;s.current.style.top=`${i}px`,s.current.style.left=`${a}px`,s.current.style.display="block"},[d]),O=n.useCallback(()=>{T.current=N.current=!1,u.current={x:0,y:0},c.current&&s.current&&(c.current.style.zIndex="1",s.current.classList.remove("k-layout-item-hint-resize"),I(!1));const e=d();e&&(e.style.transform="translate(0px, 0px)",e.style.transition=`transform ${Y}ms cubic-bezier(0.2, 0, 0, 1) 0s`,e.style.marginRight="0px",e.style.marginLeft="0px",e.style.height="100%",e.classList.remove("k-cursor-grabbing"),m&&e.classList.add("k-cursor-move")),t.onRelease()},[t,m,d]),U=n.useCallback((e,r)=>{if(r.end){O();return}if(!c.current||!s.current)return;const i=e.clientX,a=e.clientY;N.current=!0;const f=(r.direction!=="ns"?i-P.current.x:0)*(b?-1:1),l=r.direction!=="ew"?a-P.current.y:0,R=d();if(R&&(b?R.style.marginLeft=-f+"px":R.style.marginRight=-f+"px",R.style.height=`calc(100% + ${l}px)`),s.current.classList.add("k-layout-item-hint-resize"),S.current)return;let g=0,y=0;const k=c.current.getBoundingClientRect();f>k.width/t.defaultPosition.colSpan/3&&(g=1),f<-k.width/t.defaultPosition.colSpan/1.25&&(g=-1),l>k.height/t.defaultPosition.rowSpan/3&&(y=1),l<-k.height/t.defaultPosition.rowSpan/1.25&&(y=-1),(g!==0||y!==0)&&t.update(t.index,0,0,y,g)},[b,t,O,d]),q=n.useCallback(e=>{var a;const r=d();if(!r)return;if(P.current={x:e.event.clientX,y:e.event.clientY},$.current=!1,(a=t.ignoreDrag)!=null&&a.call(t,e.event.originalEvent)){$.current=!0;return}c.current&&(c.current.style.zIndex="10",I(!0)),r.classList.remove("k-cursor-move"),r.classList.add("k-cursor-grabbing");const i=r.getBoundingClientRect();L.current={x:e.event.clientX-i.x,y:e.event.clientY-i.y},t.onPress()},[t,d]),W=n.useCallback(e=>{var R;if($.current)return;const r=d();if(e.event.originalEvent.defaultPrevented||!r)return;T.current=!0,e.event.originalEvent.preventDefault();const i=r.getBoundingClientRect();if(u.current={x:e.event.clientX-i.x-L.current.x+u.current.x,y:e.event.clientY-i.y-L.current.y+u.current.y},r.style.transform=`translate(${u.current.x}px, ${u.current.y}px)`,r.style.transition="transform 0s",S.current)return;let a=0,f=0;u.current.y>.7*i.height/t.defaultPosition.rowSpan&&(f=1),u.current.y<.7*-i.height/t.defaultPosition.rowSpan&&(f=-1),u.current.x>.7*i.width/t.defaultPosition.colSpan&&(a=1),u.current.x<.7*-i.width/t.defaultPosition.colSpan&&(a=-1),t.update(t.index,f,b?-a:a,0,0);const l=(R=c.current)==null?void 0:R.closest(".k-tilelayout");if(l&&s.current){const g=l.getBoundingClientRect(),y=C.getScrollbarWidth()||50;e.event.clientX<g.left-y||e.event.clientX>g.right-y||e.event.clientY<g.top||e.event.clientY>g.bottom?s.current.style.display="none":s.current.style.display="block"}},[t,b,d]);n.useEffect(()=>{c.current&&(getComputedStyle(c.current).direction==="rtl"&&j(!0),s.current&&(s.current.style.height=c.current.offsetHeight+"px",s.current.style.width=c.current.offsetWidth+"px"))},[]),n.useLayoutEffect(()=>{const e=d();if(!e)return;const r=e.getBoundingClientRect(),i=w.current;if(!(i!=null&&i.width)){w.current=r,x.current=t;return}if(N.current){const l=r.width-i.width;if(b){const y=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=y-l+"px"}else{const y=parseFloat(e.style.marginRight||"0");e.style.marginRight=y+l+"px"}P.current.x+=b?-l:l;const R=r.height-i.height,g=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${g+R}px)`,P.current.y+=R}const a=i.left-r.left,f=i.top-r.top;if(a===0&&f===0){w.current=r,x.current=t;return}if(T.current){(x.current.defaultPosition.order!==t.defaultPosition.order||x.current.defaultPosition.col!==t.defaultPosition.col)&&(u.current.x=0,u.current.y=0,e.style.transform="",A()),w.current=r,x.current=t;return}if(Math.abs(f)<15&&Math.abs(a)<15){w.current=r,x.current=t;return}requestAnimationFrame(()=>{const l=c.current;l&&(l.style.transform=`translate(${a}px, ${f}px)`,l.style.transition="transform 0s",requestAnimationFrame(()=>{l.style.transform="",l.style.transition=`transform ${Y}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))}),w.current=r,x.current=t}),C.canUseDOM&&clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(S.current),S.current=window.setTimeout(()=>{S.current=void 0},200));const h=t.defaultPosition,_={gridColumnStart:h.col,gridColumnEnd:`span ${h.colSpan}`,gridRowStart:h.row,gridRowEnd:`span ${h.rowSpan}`,outline:"none",order:h.order,display:"block",...t.hintStyle},K={gridColumnStart:h.col,gridColumnEnd:`span ${h.colSpan}`,gridRowStart:h.row,gridRowEnd:`span ${h.rowSpan}`,order:h.order},V=n.createElement("div",{role:"listitem",tabIndex:0,"aria-labelledby":typeof t.header=="string"?t.header:`tile-${t.index}`,"aria-keyshortcuts":"Enter",className:C.classNames("k-tilelayout-item k-card",{"k-cursor-move":m},t.className),style:{height:"100%",...K,...t.style},onMouseDown:p,onMouseUp:F},t.children,n.createElement(J.ResizeHandlers,{onPress:q,onResize:U,resizable:v,rtl:b}));return n.createElement(n.Fragment,null,H&&n.createElement("div",{ref:e=>{s.current=e},style:{position:"fixed",..._},className:C.classNames("k-layout-item-hint",t.hintClassName)}),n.createElement(C.Draggable,{ref:e=>{z.current=e,c.current=e?e.element:null},onDrag:m?W:void 0,onRelease:m?O:void 0,onPress:m?q:void 0},V))};D.propTypes={update:o.func.isRequired,index:o.number.isRequired,defaultPosition:o.object.isRequired,ignoreDrag:o.func,onPress:o.func.isRequired,onRelease:o.func.isRequired,children:o.node,style:o.object,className:o.string,hintStyle:o.object,hintClassName:o.string,header:o.any,body:o.any,item:o.any,resizable:o.oneOf(["horizontal","vertical",!0,!1]),reorderable:o.bool};D.displayName="KendoTileLayoutItem";D.defaultProps=M;exports.InternalTile=D;