UNPKG

@progress/kendo-react-dialogs

Version:

React Dialogs provide modal and non-modal windows for showing additional information to the user. KendoReact Dialogs package

16 lines (15 loc) • 20 kB
/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ /** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-common","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactDialogs={},e.React,e.ReactDOM,e.PropTypes,e.KendoReactButtons,e.KendoSvgIcons,e.KendoReactCommon,e.KendoReactIntl)}(this,function(e,t,n,o,i,r,a,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var s=c(t),d=c(n);const u=({children:e,onCloseButtonClick:t,id:n,closeIcon:o})=>s.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",id:n},s.createElement("span",{className:"k-window-title k-dialog-title"},e),o&&s.createElement("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions"},s.createElement(i.Button,{role:"button","aria-label":"Close",onClick:t,icon:"x",svgIcon:r.xIcon,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"}))),p=e=>{const t={layout:"stretched",...e},{layout:n,children:o}=t,i=a.classNames("k-actions","k-actions-horizontal","k-window-actions k-dialog-actions",{[`k-actions-${n}`]:n});return s.createElement("div",{className:i},o)};p.propTypes={children:o.any,layout:o.oneOf(["start","center","end","stretched"])};const g="data-windowid",h=10002,f=a.createPropsContext(),m=s.forwardRef((e,t)=>{const n=a.useZIndexContext(),o=n?n+2:h,i=s.useRef(null),r=s.useRef(null),l=s.useRef(a.getActiveElement(document)),c=a.usePropsContext(f,e),m=s.useMemo(()=>({...v,...c}),[c]),{title:w,width:E,height:C,children:y,minWidth:b,dir:k,style:T,themeColor:I,contentStyle:B,autoFocusedElement:D,appendTo:L,className:N,overlayStyle:M,modal:S=v.modal,closeIcon:F=v.closeIcon,autoFocus:x=v.autoFocus}=m,R=s.useCallback(()=>({props:m,element:r.current}),[m]);s.useImperativeHandle(i,R),s.useImperativeHandle(t,()=>i.current);const A=s.useMemo(()=>s.Children.toArray(y).filter(e=>!s.isValidElement(e)||e.type!==p),[y]),z=s.useMemo(()=>s.Children.toArray(y).filter(e=>s.isValidElement(e)&&e.type===p),[y]),{_id:U,contentId:W,id:O}=s.useMemo(()=>{const e=m.id,t=`${null!=e?e:"accessibility"}-id`;return{_id:t,contentId:`dialog-content-${t}`,id:e||`dialog-title-${t}`}},[m.id]),H=s.useCallback(()=>{if(r.current)if(x&&!D)r.current.focus();else if(!x&&D&&r.current){const e=r.current.querySelector(D);null==e||e.focus()}else{const e=[...a.FOCUSABLE_ELEMENTS].map(e=>e+":not(.k-dialog-titlebar *)");a.focusFirstFocusableChild(r.current,e)}},[x,D]);s.useEffect(()=>(H(),()=>{setTimeout(()=>{var e;!r.current&&l.current&&a.canUseDOM&&(document.contains(l.current)?l.current.focus():l.current.id&&(null==(e=document.getElementById(l.current.id))||e.focus()))})}),[H]);const K=s.useCallback(e=>{e.preventDefault(),a.dispatchEvent(m.onClose,e,R(),void 0)},[m.onClose]),j=s.useCallback(e=>{e.keyCode===a.Keys.esc&&m.onClose&&(e.preventDefault(),K(e)),a.keepFocusInContainer(e,r.current)},[m.onClose,K]),Z=s.useMemo(()=>s.createElement(a.ZIndexContext.Provider,{value:o},s.createElement("div",{ref:r,[g]:U,className:"k-dialog-wrapper"+(N?" "+N:""),onKeyDown:j,tabIndex:0,dir:k,style:{zIndex:o,...T}},S&&s.createElement("div",{className:"k-overlay",style:M}),s.createElement("div",{className:a.classNames("k-window k-dialog",{[`k-window-${I}`]:I}),role:"dialog","aria-labelledby":O,"aria-modal":!0,"aria-describedby":W,style:{width:E,height:C,minWidth:b}},w&&s.createElement(u,{closeIcon:F,onCloseButtonClick:K,id:O},w),s.createElement("div",{className:"k-window-content k-dialog-content",style:B,id:W},A),z))),[o,U,N,j,T,k,M,I,O,W,E,C,b,F,K,B,w,A,z,S]);return a.canUseDOM?null!==L?d.createPortal(Z,L||document.body):Z:null}),v={autoFocus:!1,modal:!0,closeIcon:!0},w={autoFocus:o.bool,autoFocusedElement:o.string,title:o.any,className:o.string,closeIcon:o.bool,modal:o.bool,overlayStyle:o.object,width:o.oneOfType([o.number,o.string]),height:o.oneOfType([o.number,o.string]),minWidth:o.oneOfType([o.number,o.string]),onClose:o.func,children:o.node,id:o.string,dir:o.string,style:o.object,contentStyle:o.object,appendTo:o.any,themeColor:o.oneOf(["primary","dark","light"])};m.displayName="KendoReactDialog",m.propTypes=w;var E=(e=>(e.DEFAULT="DEFAULT",e.FULLSCREEN="FULLSCREEN",e.MINIMIZED="MINIMIZED",e))(E||{});const C="dialogs.windowMaximizeButton",y="dialogs.windowMinimizeButton",b="dialogs.windowRestoreButton",k="dialogs.windowCloseButton",T={[C]:"maximize",[y]:"minimize",[b]:"restore",[k]:"close"},I=e=>{const{children:t,onCloseButtonClick:n,onMinimizeButtonClick:o,onFullScreenButtonClick:a,onRestoreButtonClick:c,onDoubleClick:d,stage:u,forwardedRef:p,id:g}=e,h=l.useLocalization(),f=e.minimizeButton?s.createElement(e.minimizeButton,{onClick:o,stage:u}):s.createElement(i.Button,{fillMode:"flat",icon:"window-minimize",svgIcon:r.windowMinimizeIcon,className:"k-window-titlebar-action",onClick:o,"aria-label":h.toLanguageString(y,T[y])}),m=e.maximizeButton?s.createElement(e.maximizeButton,{onClick:a,stage:u}):s.createElement(i.Button,{fillMode:"flat",icon:"window-maximize",svgIcon:r.windowIcon,className:"k-window-titlebar-action",onClick:a,"aria-label":h.toLanguageString(C,T[C])}),v=e.restoreButton?s.createElement(e.restoreButton,{onClick:c,stage:u}):s.createElement(i.Button,{fillMode:"flat",icon:"window-restore",svgIcon:r.windowRestoreIcon,className:"k-window-titlebar-action",onClick:c,"aria-label":h.toLanguageString(b,T[b])}),w=e.closeButton?s.createElement(e.closeButton,{onClick:n,stage:u}):s.createElement(i.Button,{fillMode:"flat",icon:"x",svgIcon:r.xIcon,className:"k-window-titlebar-action",onClick:n,"aria-label":h.toLanguageString(k,T[k])});return s.createElement("div",{className:"k-window-titlebar",style:{touchAction:"none"},ref:p,onDoubleClick:d},s.createElement("span",{className:"k-window-title",id:g},t||""),s.createElement("div",{className:"k-window-titlebar-actions"},u===E.DEFAULT&&f,u===E.DEFAULT&&m,u!==E.DEFAULT&&v,w))},B=s.forwardRef((e,t)=>s.createElement(I,{...e,forwardedRef:t})),D=["n","e","s","w","se","sw","ne","nw"];class L extends s.Component{render(){return s.createElement("div",{className:"k-resize-handles-wrapper"}," ",D.map((e,t)=>s.createElement(a.Draggable,{key:t,onDrag:t=>{const{event:n}=t;n.originalEvent.preventDefault(),this.props.onResize(n,{end:!1,direction:e})},onRelease:t=>{const{event:n}=t;n.originalEvent.preventDefault(),this.props.onResize(n,{end:!0,direction:e})}},s.createElement("div",{className:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none",userSelect:"none"}}))))}}class N extends s.Component{shouldComponentUpdate(e){return e.shouldUpdateOnDrag||!e.isDragging}render(){return this.props.children}}const M=e=>{const t={layout:"end",...e},{layout:n,children:o}=t,i=a.classNames("k-actions","k-window-actions","k-actions-horizontal","k-hstack",{"k-justify-content-start":"start"===n,"k-justify-content-center":"center"===n,"k-justify-content-end":"end"===n,"k-justify-content-stretch":"stretched"===n});return s.createElement("div",{className:i},o)};M.propTypes={children:o.any,layout:o.oneOf(["start","center","end","stretched"])};const S=(e,t,n)=>{let o=e;if(t&&t.defaultView){const e=t.querySelectorAll(".k-window:not(.k-dialog), .k-dialog-wrapper");let i=!1;return e.forEach(e=>{const r=t.defaultView.getComputedStyle(e,null);if(e.getAttribute(g)!==n&&null!==r.zIndex){const e=parseInt(r.zIndex,10);e>=o&&(o=e,i=!0)}}),i?o+2:o}return o},{useState:F,useEffect:x,useCallback:R,useMemo:A,useRef:z,useImperativeHandle:U,useContext:W,forwardRef:O}=s,H=300,K=300,j={minWidth:120,minHeight:100,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0,autoFocus:!0},Z=O((e,t)=>{var n;const{minWidth:o=j.minWidth,minHeight:i=j.minHeight,resizable:r=j.resizable,draggable:l=j.draggable,modal:c=j.modal,doubleClickStageChange:u=j.doubleClickStageChange,autoFocus:p=j.autoFocus}=e,[f,m]=F(e.stage||E.DEFAULT),[v,w]=F(!1),[C,y]=F(0),[b,k]=F(0),[T,I]=F(H),[D,O]=F(K),[Z,P]=F(!0),[q,$]=F(h),V=null!=(n=e.stage)?n:f,X=W(a.ZIndexContext),Y=z(null),_=z(null),G=z({leftBeforeAction:0,topBeforeAction:0,widthBeforeAction:H,heightBeforeAction:K}),J=z({x:0,y:0}),Q=z(void 0),ee=z(a.canUseDOM?document.activeElement:null),te=z("window-title-"+(e.id?e.id+"-accessibility-id":"")),ne=z({left:0,top:0,width:H,height:K,internalLeft:b,internalTop:C,internalWidth:T,internalHeight:D,stage:V,draggable:l,props:e}),oe=R(()=>{const t=a.canUseDOM?document:null;return e.appendTo?e.appendTo.ownerDocument:t},[e.appendTo]),ie=R(()=>{const e=oe();return null==e?void 0:e.defaultView},[oe]),re=A(()=>{var t;return V!==E.FULLSCREEN?Math.max(null!=(t=e.top)?t:C,0):0},[V,e.top,C]),ae=A(()=>{var t;return V!==E.FULLSCREEN?Math.max(null!=(t=e.left)?t:b,0):0},[V,e.left,b]),le=A(()=>{var t;const n=null!=(t=e.width)?t:T;if(V===E.FULLSCREEN){if(e.appendTo)return e.appendTo.offsetWidth;const t=ie();return t?t.innerWidth:0}return n},[V,e.width,e.appendTo,T,ie]),ce=A(()=>{const t=void 0===e.height?D:e.height;if(V===E.FULLSCREEN){if(e.appendTo)return e.appendTo.offsetHeight;const t=ie();return t?t.innerHeight:0}return V===E.MINIMIZED?0:t},[V,e.height,e.appendTo,D,ie]),se=A(()=>e.id?e.id+"-accessibility-id":void 0,[e.id]);x(()=>{ne.current={left:ae,top:re,width:le,height:ce,internalLeft:b,internalTop:C,internalWidth:T,internalHeight:D,stage:V,draggable:l,props:e}});const de=A(()=>{if(void 0===X)return null!=X?X:h;return q>(X?X+2:0)?q:X+2},[q,X]),ue=R(()=>{var t,n;if(void 0!==e.top)return e.top;if(void 0!==e.initialTop)return e.initialTop;let o=K;if(void 0!==e.height?o=e.height:void 0!==e.initialHeight&&(o=e.initialHeight),e.appendTo&&o)return e.appendTo.offsetHeight/2-o/2;const i=ie();return i?i.innerHeight/2-(null!=(n=null!=o?o:null==(t=Y.current)?void 0:t.clientHeight)?n:0)/2:0},[e.top,e.initialTop,e.height,e.initialHeight,e.appendTo,ie]),pe=R(()=>{if(void 0!==e.left)return e.left;if(void 0!==e.initialLeft)return e.initialLeft;let t=H;if(void 0!==e.width?t=e.width:void 0!==e.initialWidth&&(t=e.initialWidth),e.appendTo)return e.appendTo.offsetWidth/2-t/2;const n=ie();return n?n.innerWidth/2-t/2:0},[e.left,e.initialLeft,e.width,e.initialWidth,e.appendTo,ie]),ge=R(()=>{let t=H;return void 0!==e.width?t=e.width:void 0!==e.initialWidth&&(t=e.initialWidth),t},[e.width,e.initialWidth]),he=R(()=>{let t=K;return void 0!==e.height?t=e.height:void 0!==e.initialHeight&&(t=e.initialHeight),t},[e.height,e.initialHeight]),fe=R(e=>e.filter(e=>(null==e?void 0:e.type)===M),[]),me=R(e=>e.filter(e=>e&&e.type!==M),[]),ve=R(()=>"object"==typeof t&&null!==t&&"current"in t?t.current:null,[t]),we=R((e,t,n,o,i,r)=>{var a,l,c;if(!e)return;const{internalLeft:s,internalTop:d,internalWidth:u,internalHeight:p}=ne.current;e({nativeEvent:t.nativeEvent?t.nativeEvent:t.originalEvent,drag:n,end:o,target:ve(),left:null!=(a=null==i?void 0:i.left)?a:s,top:null!=(l=null==i?void 0:i.top)?l:d,width:null!=(c=null==r?void 0:r.width)?c:u,height:void 0===(null==r?void 0:r.height)?p:null==r?void 0:r.height})},[ve]),Ee=R(t=>{var n,l;if(c&&a.keepFocusInContainer(t,Y.current),t.target!==t.currentTarget)return;const s=o||120,d=i||100,u=t.metaKey||t.ctrlKey,p=null!=(l=null!=ce?ce:null==(n=Y.current)?void 0:n.clientHeight)?l:0;if(u&&r){switch(t.keyCode){case a.Keys.up:t.preventDefault(),d<=p-5&&O(p-5);break;case a.Keys.down:t.preventDefault(),O(p+5);break;case a.Keys.left:s<=le-5&&I(le-5);break;case a.Keys.right:I(le+5);break;default:return}we(e.onResize,t,!1,void 0)}else if(t.altKey)switch(t.keyCode){case a.Keys.up:V===E.MINIMIZED?(De(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.DEFAULT})):V===E.DEFAULT&&(Be(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.FULLSCREEN}));break;case a.Keys.down:V===E.FULLSCREEN?(De(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.DEFAULT})):V===E.DEFAULT&&(Ie(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.MINIMIZED}))}else{if(!t.ctrlKey)switch(t.keyCode){case a.Keys.esc:return void(e.onClose&&Le(t));case a.Keys.up:y(e=>e-5);break;case a.Keys.down:y(e=>e+5);break;case a.Keys.left:k(e=>e-5);break;case a.Keys.right:k(e=>e+5);break;default:return}we(e.onMove,t,!1,void 0)}},[c,o,i,r,e.onResize,e.onStageChange,e.onClose,e.onMove,ce,le,V,we,ve]),Ce=R(e=>{const t=e.event,{left:n,top:o}=ne.current;G.current.differenceLeft=t.pageX-n,G.current.differenceTop=t.pageY-o},[]),ye=R(e=>{const t=e.event;t.originalEvent.preventDefault();const{stage:n,draggable:o,props:i,width:r,height:a}=ne.current;if(n!==E.FULLSCREEN&&o){const e=Math.max(t.pageY-(G.current.differenceTop||0),0),n=t.pageX-(G.current.differenceLeft||0);y(e),k(n),w(!0),i.onMove&&we(i.onMove,t,!0,!1,{left:n,top:e},{width:r,height:a})}},[we]),be=R(e=>{const t=e.event,{stage:n,draggable:o,props:i,left:r,top:a,width:l,height:c}=ne.current;n!==E.FULLSCREEN&&o&&i.onMove&&we(i.onMove,t,!0,!0,{left:r,top:a},{width:l,height:c}),w(!1)},[we]),ke=R(()=>{Q.current?(clearTimeout(Q.current),Q.current=void 0):(P(!0),$(S(de,oe(),se)))},[de,oe,se]),Te=R(()=>{clearTimeout(Q.current);const e=ie();e&&(Q.current=e.setTimeout(()=>{P(!1),Q.current=void 0}))},[ie]),Ie=R(t=>{t.preventDefault(),G.current.leftBeforeAction=ae,G.current.topBeforeAction=re,G.current.widthBeforeAction=le,G.current.heightBeforeAction=ce,m(E.MINIMIZED),O(0),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.MINIMIZED})},[ae,re,le,ce,e.onStageChange,ve]),Be=R(t=>{t.preventDefault(),G.current.leftBeforeAction=ae,G.current.topBeforeAction=re,G.current.widthBeforeAction=le,G.current.heightBeforeAction=ce;const n=ie(),o=n?n.innerWidth:0,i=n?n.innerHeight:0;k(0),y(0),I(e.appendTo?e.appendTo.offsetWidth:o),O(e.appendTo?e.appendTo.offsetHeight:i),m(E.FULLSCREEN),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.FULLSCREEN})},[ae,re,le,ce,e.appendTo,e.onStageChange,ie,ve]),De=R(t=>{t.preventDefault(),V===E.FULLSCREEN?(m(E.DEFAULT),k(G.current.leftBeforeAction),y(G.current.topBeforeAction),I(G.current.widthBeforeAction),O(G.current.heightBeforeAction)):V===E.MINIMIZED&&(m(E.DEFAULT),O(G.current.heightBeforeAction)),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.DEFAULT})},[V,e.onStageChange,ve]),Le=R(t=>{t.preventDefault(),a.dispatchEvent(e.onClose,t,ve(),{state:void 0})},[e.onClose,ve]),Ne=R(e=>{V===E.FULLSCREEN||V===E.MINIMIZED?De(e):Be(e)},[V,De,Be]),Me=R((e,t)=>{var n,r,a,l,c,s;const{props:d,width:u,height:p,top:g,left:h}=ne.current,f=d.appendTo?e.pageX-J.current.x:e.pageX,m=d.appendTo?e.pageY-J.current.y:e.pageY,v=null!=(r=null!=p?p:null==(n=Y.current)?void 0:n.clientHeight)?r:0,E=o||120,C=i||100,b=g-m,T=h-f,B=f-h,D=m-g;let L=!1;const N={isDragging:!t.end};t.direction.indexOf("n")>=0&&C-(v+b)<0&&(g>0&&(N.height=v+b),N.top=m,L=!0),t.direction.indexOf("s")>=0&&C-D<0&&(N.height=D,L=!0),t.direction.indexOf("w")>=0&&E-(u+T)<0&&(h>0&&(N.width=u+T),N.left=f,L=!0),t.direction.indexOf("e")>=0&&E-B<0&&(N.width=B,L=!0),L&&(void 0!==N.height&&O(N.height),void 0!==N.top&&y(N.top),void 0!==N.width&&I(N.width),void 0!==N.left&&k(N.left),void 0!==N.isDragging&&w(N.isDragging)),we(d.onResize,e,!0,t.end,{left:null!=(a=N.left)?a:h,top:null!=(l=N.top)?l:g},{width:null!=(c=N.width)?c:u,height:null!=(s=N.height)?s:p})},[we]),Se=R(()=>{if(V===E.FULLSCREEN){const t=ie(),n=t?t.innerWidth:0,o=t?t.innerHeight:0;I(e.appendTo?e.appendTo.offsetWidth:n),O(e.appendTo?e.appendTo.offsetHeight:o)}},[V,e.appendTo,ie]);x(()=>{const t=Y.current;t&&p&&t.focus({preventScroll:!0});const n=ie();n&&n.addEventListener("resize",Se),m(e.stage||E.DEFAULT),w(!1),y(ue()),k(pe()),I(ge()),O(he()),P(!0),$(S(de,oe(),se)),G.current={leftBeforeAction:pe(),topBeforeAction:ue(),widthBeforeAction:ge(),heightBeforeAction:he()};const o=oe();if(e.appendTo&&o){const t=e.appendTo.getBoundingClientRect(),n=o.body.getBoundingClientRect();J.current.x=t.left-n.left,J.current.y=t.top-n.top}return()=>{var e;const t=ie();t&&t.removeEventListener("resize",Se),ee.current&&a.canUseDOM&&(document.contains(ee.current)?ee.current.focus({preventScroll:!0}):ee.current.id&&(null==(e=document.getElementById(ee.current.id))||e.focus({preventScroll:!0})))}},[]),x(()=>{void 0!==e.left&&!v&&k(e.left)},[e.left,v]),x(()=>{void 0!==e.top&&!v&&y(e.top)},[e.top,v]),x(()=>{void 0!==e.initialLeft&&k(e.initialLeft)},[e.initialLeft]),x(()=>{void 0!==e.initialTop&&y(e.initialTop)},[e.initialTop]),x(()=>{const t=oe();if(e.appendTo&&t){const n=e.appendTo.getBoundingClientRect(),o=t.body.getBoundingClientRect();J.current.x=n.left-o.left,J.current.y=n.top-o.top}},[e.appendTo,oe]),U(t,()=>({get element(){return Y.current},get windowElement(){return Y.current},get draggable(){return _.current},props:e}),[e]);const Fe=s.Children.toArray(e.children),xe=me(Fe),Re=fe(Fe),Ae=a.classNames("k-window",e.className,{[`k-window-${e.themeColor}`]:e.themeColor,"k-window-minimized":"MINIMIZED"===V,"k-focus":Z}),ze=s.createElement(a.ZIndexContext.Provider,{value:de},s.createElement(s.Fragment,null,c&&s.createElement("div",{className:"k-overlay",style:{zIndex:de,...e.overlayStyle}}),s.createElement("div",{id:e.id,[g]:se,tabIndex:0,role:"dialog","aria-labelledby":te.current,onFocus:ke,onBlur:Te,onKeyDown:Ee,ref:Y,className:Ae,style:{top:re,left:ae,width:le,height:ce||"",zIndex:de,...e.style}},s.createElement(N,{shouldUpdateOnDrag:e.shouldUpdateOnDrag||!1,isDragging:v},s.createElement(a.Draggable,{onPress:Ce,onDrag:ye,onRelease:be,autoScroll:!1,ref:_},s.createElement(B,{stage:V,onDoubleClick:u?Ne:void 0,onMinimizeButtonClick:Ie,onFullScreenButtonClick:Be,onRestoreButtonClick:De,onCloseButtonClick:Le,closeButton:e.closeButton,minimizeButton:e.minimizeButton,maximizeButton:e.maximizeButton,restoreButton:e.restoreButton,id:te.current},e.title)),V===E.MINIMIZED?null:s.createElement(s.Fragment,null,s.createElement("div",{className:"k-window-content"},xe),Re),V===E.DEFAULT&&r?s.createElement(L,{onResize:Me}):null))));return a.canUseDOM?null===e.appendTo?ze:d.createPortal(ze,e.appendTo||document.body):null});Z.displayName="Window";const P=a.createPropsContext(),q=a.withIdHOC(a.withPropsContext(P,Z));q.displayName="KendoReactWindow";const $={autoFocus:o.bool,title:o.any,className:o.string,closeButton:o.func,minimizeButton:o.func,maximizeButton:o.func,restoreButton:o.func,modal:o.bool,overlayStyle:o.object,width:o.number,height:o.number,minWidth:o.number,minHeight:o.number,left:o.number,top:o.number,initialLeft:o.number,initialTop:o.number,initialWidth:o.number,initialHeight:o.number,resizable:o.bool,draggable:o.bool,doubleClickStageChange:o.bool,stage:o.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),onClose:o.func,onMove:o.func,onResize:o.func,onStageChange:o.func,children:o.node,id:o.string,dir:o.string,style:o.object,appendTo:o.any,themeColor:o.oneOf(["primary","dark","light"]),shouldUpdateOnDrag:o.bool};q.propTypes=$,e.Dialog=m,e.DialogActionsBar=p,e.DialogPropsContext=f,e.Window=q,e.WindowActionsBar=M,e.WindowPropsContext=P,e.WindowWithoutContext=Z});