@progress/kendo-react-common 4.11.0 → 4.13.0-dev.202111231559

package/dist/cdn/js/kendo-react-common.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoReactCommon=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):e.KendoReactCommon=t(e.React,e.PropTypes,e.KendoLicensing)}(window,(function(e,t,n){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.canUseDOM=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.classNames=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?t.classNames.apply(void 0,e):"object"==typeof e?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")}},function(e,t,n){"use strict";function o(e){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}Object.defineProperty(t,"__esModule",{value:!0}),o(n(5)),o(n(2)),o(n(11)),o(n(3)),o(n(12)),o(n(13)),o(n(14)),o(n(15)),o(n(16)),o(n(17)),o(n(19)),o(n(20)),o(n(21)),o(n(22)),o(n(23)),o(n(24)),o(n(25)),o(n(27)),o(n(28)),o(n(29)),o(n(30)),o(n(31)),o(n(8)),o(n(32)),o(n(33)),o(n(34)),o(n(35)),o(n(9)),o(n(36)),o(n(37)),o(n(38))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){return"undefined"!=typeof document?document:{}},r=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=o();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!0,configurable:!0}),e}();t.BrowserSupportService=r},function(e,t,n){"use strict";n.r(t),n.d(t,"Draggable",(function(){return a}));var o=function(e,t){return function(n){return t(e(n))}},r=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},i=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},u=function(){},s=function(e){return e.preventDefault()},c=/touch/;function l(e){return e.type.match(c)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var a=function(e){var t=this,n=e.press;void 0===n&&(n=u);var c=e.drag;void 0===c&&(c=u);var a=e.release;void 0===a&&(a=u);var f=e.mouseOnly;void 0===f&&(f=!1),this._pressHandler=o(l,n),this._dragHandler=o(l,c),this._releaseHandler=o(l,a),this._ignoreMouse=!1,this._mouseOnly=f,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(r(t.document,"mousemove",t._mousemove),r(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){i(t.document,"mousemove",t._mousemove),i(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(r(t.document,"pointermove",t._pointermove),r(t.document,"pointerup",t._pointerup),r(t.document,"pointercancel",t._pointerup),r(t.document,"contextmenu",s),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(i(t.document,"pointermove",t._pointermove),i(t.document,"pointerup",t._pointerup),i(t.document,"pointercancel",t._pointerup),i(t.document,"contextmenu",s),t._releaseHandler(e))}},f={document:{configurable:!0}};a.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},f.document.get=function(){return this._element?this._element.ownerDocument:document},a.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},a.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?r(e,"pointerdown",this._pointerdown):(r(e,"mousedown",this._mousedown),this._mouseOnly||(r(e,"touchstart",this._touchstart),r(e,"touchmove",this._touchmove),r(e,"touchend",this._touchend)))},a.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return i(e,"pointerdown",this._pointerdown),i(this.document,"pointermove",this._pointermove),i(this.document,"pointerup",this._pointerup),i(this.document,"contextmenu",s),void i(this.document,"pointercancel",this._pointerup);i(e,"mousedown",this._mousedown),this._mouseOnly||(i(e,"touchstart",this._touchstart),i(e,"touchmove",this._touchmove),i(e,"touchend",this._touchend))},a.prototype._usePointers=function(){return!this._mouseOnly&&a.supportPointerEvent()},a.prototype.update=function(e){var t=e.press;void 0===t&&(t=u);var n=e.drag;void 0===n&&(n=u);var r=e.release;void 0===r&&(r=u);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=o(l,t),this._dragHandler=o(l,n),this._releaseHandler=o(l,r),this._mouseOnly=i},a.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(a.prototype,f),a.default=a,t.default=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(18);t.fieldList=function(e){var t=[];return e.replace(o.FIELD_REGEX,(function(e,n,o,r){t.push(void 0!==n?n:o||r)})),t}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.useAsyncFocusBlur=function(e){var t=e.onFocus,n=e.onBlur,r=e.onSyncFocus,i=e.onSyncBlur,u=o.useRef(!1),s=o.useRef(0),c=o.useCallback((function(e){clearTimeout(s.current),s.current=window.setTimeout((function(){return e()}))}),[s]),l=o.useCallback((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];clearTimeout(s.current),r&&r.call.apply(r,[void 0].concat(e)),u.current||(u.current=!0,t&&t.call.apply(t,[void 0].concat(e)))}),[u,t,r]),a=o.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];i&&i.call.apply(i,[void 0].concat(e)),c((function(){u.current&&n&&(u.current=!1,n.call.apply(n,[void 0].concat(e)))}))}),[u,c,n,i]);return o.useEffect((function(){return function(){clearTimeout(s.current)}}),[]),{onFocus:l,onBlur:a}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.usePropsContext=function(e,t){return o.useContext(e)(t)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SIZE_CLASSES={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.canUseRef=function(e){return"string"!=typeof Comment&&(function(e){return Boolean("function"==typeof e&&!!e.prototype.isReactComponent)}(e)||function(e){return Boolean(e.$$typeof&&"function"==typeof e.render)}(e))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);function r(e,t){for(var n in e)if(e.hasOwnProperty(n)){var o=e[n];t[n]=i(o,t[n])}}function i(e,n){if(Array.isArray(e))return u(e);if(e instanceof Date)return t.cloneDate(e);if(o.isValidElement(e))return o.cloneElement(e,e.props);if(e&&"object"==typeof e){var i=n||{};return r(e,i),i}return e}function u(e){return e.map((function(e){return i(e,void 0)}))}t.cloneDate=function(e){return e?new Date(e.getTime()):null},t.clone=function(e){var t={};return r(e,t),t},t.cloneObject=r,t.cloneValue=i,t.cloneArray=u},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),u=n(1),s=n(6),c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.element=null,t.draggable=new s.default({press:function(e){t.element&&t.props.onPress&&t.props.onPress.call(void 0,{target:t,event:e,element:t.element})},drag:function(e){t.element&&t.props.onDrag&&t.props.onDrag.call(void 0,{target:t,event:e,element:t.element})},release:function(e){t.element&&t.props.onRelease&&t.props.onRelease.call(void 0,{target:t,event:e})}}),t.childRef=function(e){var n=t.props.childRef;t.element=e,n&&"function"==typeof n&&n(e)},t}return r(t,e),t.prototype.componentDidMount=function(){this.element&&this.draggable.bindTo(this.element)},t.prototype.componentWillUnmount=function(){this.draggable.destroy()},t.prototype.render=function(){return i.cloneElement(i.Children.only(this.props.children),{ref:this.childRef})},t.propTypes={children:u.element.isRequired},t}(i.Component);t.Draggable=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.focusFirstFocusableChild=function(e){if(e){if((e instanceof HTMLInputElement||-1!==e.tabIndex)&&e.focus)return void e.focus();var t=e.querySelector('input, [tabindex]:not([tabindex="-1"])');t&&t.focus&&t.focus()}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){};t.FormComponent=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getTabIndex=function(e,t,n){var o="string"==typeof e?parseInt(e,void 0):e;if(NaN!==o)return void 0!==o?o:t?n?void 0:-1:0}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(7),r={};r.undefined=function(){},t.getter=function(e){if(r[e])return r[e];var t=o.fieldList(e);return r[e]=function(e){for(var n=e,o=0;o<t.length&&n;o++)n=n[t[o]];return n},r[e]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FIELD_REGEX=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Keys={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.noop=function(){}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(5),r=n(2);t.getScrollbarWidth=function(){return!(!r.canUseDOM||!document.body)&&(new o.BrowserSupportService).scrollbarWidth},t.setScrollbarWidth=function(){if(!r.canUseDOM||!document.body)return!1;var e=(new o.BrowserSupportService).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",e+"px")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(7),r={undefined:function(e){return e}},i=function(e,t){return t&&t.arrays&&!isNaN(Number(e))?[]:{}};t.setter=function(e){if(r[e])return r[e];var t=o.fieldList(e);return r[e]=function(e,n,o){for(var r=e,u=t.length-1,s=0;s<u&&r;s++)r=r[t[s]]=r[t[s]]||i(t[s+1],o);r[t[u]]=n},r[e]}},function(e,t,n){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function r(e,t,n){var r;return n?o({},e,((r={})[t]=n.length?n.slice():void 0,r)):e&&e[t]?e[t].slice():[]}Object.defineProperty(t,"__esModule",{value:!0}),t.mapTree=function(e,t,n){return e.map((function(e){return function e(t,n,o){if(t[n]){var i=r(t,n).map((function(t){return e(t,n,o)}));return o(r(t,n,i))}return o(t)}(e,t,n)})).slice()},t.mapTreeItem=function(e,t,n,o){for(var r=e,i=[],u=0;u<t.length;u++)r=r[t[u]],r=Array.isArray(r)?r:r[n],i.push(r);var s=i.length>1?i[i.length-2]:e,c=t[t.length-1],l=o(s[c]);s.splice(c,1,l)},t.extendDataItem=function(e,t,n){var o;return Object.assign({},e,e[t]?((o={})[t]=e[t].slice(),o):{},n||{})},t.getItemPath=function(e,t,n){var o=[],r=t.slice();if(r.length){var i=e[r.shift()||0];for(o.push(i);r.length&&n;)i=i[n][r.shift()||0],o.push(i)}return o}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(26);t.validatePackage=function(e){if(void 0!==o)o.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(2);t.hasRelativeStackingContext=function(e){if(!o.canUseDOM)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: 10px;">child</div>',t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.dispatchEvent=function(e,t,n,o){if(e){var r={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(r,o))}}},function(e,t,n){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(8);t.AsyncFocusBlur=function(e){var t=e.children,n=e.onFocus,i=e.onBlur,u=e.onSyncFocus,s=e.onSyncBlur,c=r.useAsyncFocusBlur({onFocus:n,onBlur:i,onSyncFocus:u,onSyncBlur:s});return t.call(void 0,o({},c))}},function(e,t,n){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(9);t.createPropsContext=function(){return r.createContext((function(e){return e}))},t.withPropsContext=function(e,t){return r.forwardRef((function(n,u){var s=i.usePropsContext(e,n);return r.createElement(t,o({},s,{ref:u}))}))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.useDir=function(e,t,n){var r=o.useState(t),i=r[0],u=r[1];return o.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&u(t)}}),n),i}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(6);t.useDraggable=function(e,t){var n=t.onPress,i=t.onDrag,u=t.onRelease,s=o.useMemo((function(){return new r.default({press:n,drag:i,release:u})}),[]);o.useEffect((function(){var t=e.current;if(t)return s.bindTo(t),function(){s.destroy()}}),[]),o.useEffect((function(){s.update({press:n,drag:i,release:u})}),[n,i,u])}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.useRtl=function(e,t,n){var r=o.useState(t),i=r[0],u=r[1];return o.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&u(t)}}),n),i}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.useMouse=function(e,t,n){void 0===n&&(n={});var r=o.useCallback((function(o){n.onMouseDown&&n.onMouseDown.call(void 0,o),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onMouseDown,e.onMouseDown,t]),i=o.useCallback((function(o){n.onMouseUp&&n.onMouseUp.call(void 0,o),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onMouseUp,e.onMouseUp,t]);return{onClick:o.useCallback((function(o){n.onClick&&n.onClick.call(void 0,o),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onClick,e.onClick,t]),onMouseUp:i,onMouseDown:r,onDoubleClick:o.useCallback((function(o){n.onDoubleClick&&n.onDoubleClick.call(void 0,o),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onDoubleClick,e.onDoubleClick,t]),onMouseEnter:o.useCallback((function(o){n.onMouseEnter&&n.onMouseEnter.call(void 0,o),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onMouseEnter,e.onMouseEnter,t]),onMouseLeave:o.useCallback((function(o){n.onMouseLeave&&n.onMouseLeave.call(void 0,o),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onMouseLeave,e.onMouseLeave,t]),onMouseMove:o.useCallback((function(o){n.onMouseMove&&n.onMouseMove.call(void 0,o),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onMouseMove,e.onMouseMove,t]),onMouseOut:o.useCallback((function(o){n.onMouseOut&&n.onMouseOut.call(void 0,o),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onMouseOut,e.onMouseOut,t]),onMouseOver:o.useCallback((function(o){n.onMouseOver&&n.onMouseOver.call(void 0,o),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:o})}),[n.onMouseOver,e.onMouseOver,t])}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.useCustomComponent=function(e){return o.isValidElement(e)?[e.type,e.props]:[e,{}]}},function(e,t,n){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},r=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),u=n(1),s=n(3),c=n(10),l=n(4);t.Icon=i.forwardRef((function(e,t){var n=e.className,u=e.name,f=e.themeColor,d=e.size,p=e.flip,v=e.style,h=r(e,["className","name","themeColor","size","flip","style"]),m=i.useRef(null),y=i.useRef(null);i.useImperativeHandle(m,(function(){return{element:y.current}})),i.useImperativeHandle(t,(function(){return m.current}));var g=i.useMemo((function(){return f||a.themeColor}),[f]),_=i.useMemo((function(){return d||a.size}),[d]),b=i.useMemo((function(){return p||a.flip}),[p]),O=i.useMemo((function(){return s.classNames("k-icon","k-i-"+u,"k-color-"+g,{"k-flip-h":"horizontal"===b||"both"===b,"k-flip-v":"vertical"===b||"both"===b},c.SIZE_CLASSES[_],n)}),[u,g,_,b,n]),M=l.useMouse(e,m);return i.createElement("span",o({ref:y},h,M,{className:O,style:v,role:"presentation"}))})),t.Icon.propTypes={style:u.object,classNames:u.string,name:u.string,themeColor:u.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:u.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:u.oneOf(["default","horizontal","vertical","both"])};var a={size:"default",themeColor:"inherit",flip:"default"};t.Icon.displayName="KendoIcon"},function(e,t,n){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},r=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),u=n(1),s=n(3),c=n(10);t.SvgIcon=i.forwardRef((function(e,t){var n=e.children,u=e.className,a=e.svgClassName,f=e.icon,d=e.flip,p=e.size,v=e.style,h=e.svgStyle,m=e.themeColor,y=e.viewBox,g=r(e,["children","className","svgClassName","icon","flip","size","style","svgStyle","themeColor","viewBox"]),_=i.useRef(null);i.useImperativeHandle(t,(function(){return{element:_.current}}));var b=i.useMemo((function(){return f?f.name:l.icon}),[f]),O=i.useMemo((function(){return m||l.themeColor}),[m]),M=i.useMemo((function(){return p||l.size}),[p]),w=i.useMemo((function(){return d||l.flip}),[d]),S=i.useMemo((function(){return y||l.viewBox}),[y]),k=i.useMemo((function(){return s.classNames("k-svg-icon","k-color-"+O,"k-svg-i-"+b,{"k-flip-h":"horizontal"===w||"both"===w,"k-flip-v":"vertical"===w||"both"===w},c.SIZE_CLASSES[M],u)}),[b,O,M,w,u]),E=i.useMemo((function(){return e.width&&e.height?o({width:e.width,height:e.height},v):e.width?o({width:e.width,height:e.width},v):e.height?o({width:e.height,height:e.height},v):o({},v)}),[e.width,e.height,v]);return i.createElement("span",{className:k,style:E,ref:_},i.createElement("svg",o({className:a,style:h,"aria-hidden":!0,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:f?f.viewBox:S,dangerouslySetInnerHTML:f?{__html:f.content}:void 0},g),f?void 0:n))})),t.SvgIcon.propTypes={style:u.object,classNames:u.string,children:u.any,icon:u.object,themeColor:u.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:u.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:u.oneOf(["default","horizontal","vertical","both"])};var l={size:"default",themeColor:"inherit",flip:"default",icon:"",viewBox:"0 0 24 24"};t.SvgIcon.displayName="KendoSvgIcon"},function(e,t,n){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},r=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),u=n(1),s=n(39),c=function(e){var t=i.forwardRef((function(t,n){var u=t.className,c=t.fontSize,l=t.fontWeight,a=t.textAlign,f=t.textTransform,d=t.themeColor,p=t.margin,v=r(t,["className","fontSize","fontWeight","textAlign","textTransform","themeColor","margin"]),h=i.useRef(null),m=i.useRef(null);i.useImperativeHandle(h,(function(){return{element:m.current,props:t}})),i.useImperativeHandle(n,(function(){return h.current}));var y=e,g=function(){if(void 0!==p){if("string"==typeof p)return[s.MARGIN_ENUM_CLASSES[p]];if("number"==typeof p&&p>=0&&p<=24)return["k-m-"+p];if("object"==typeof p){var e=[];return Object.keys(p).forEach((function(t){var n,o,r;null!==p[t]&&void 0!==p[t]&&e.push((n=t,o=p[t],r="string"==typeof o?s.MARGIN_ENUM_VALUES[o]:o,""+s.MARGIN_SIDES_CLASSES[n]+r))})),e.join(" ")}}};return i.createElement(y,o({ref:m,className:["k-"+("p"===e?"paragraph":e),s.FONT_SIZE_CLASSES[c],s.FONT_WEIGHT_CLASSES[l],s.TEXT_ALIGN_CLASSES[a],s.TEXT_TRANSFORM_CLASSES[f],s.THEME_COLOR_CLASSES[d],g(),u].filter((function(e){return void 0!==e})).join(" ")},v),t.children)}));return t.propTypes={style:u.object,className:u.string,fontSize:u.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:u.oneOf(["light","normal","bold"]),margin:u.oneOfType([u.number,u.object,u.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:u.oneOf(["left","right","center","justify"]),textTransform:u.oneOf(["lowercase","uppercase","capitalize"]),themeColor:u.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName="KendoReactTypography"+e.toUpperCase(),t},l=c("h1"),a=c("h2"),f=c("h3"),d=c("h4"),p=c("h5"),v=c("h6"),h=c("p"),m=c("code"),y=c("pre");t.Typography={h1:l,h2:a,h3:f,h4:d,h5:p,h6:v,p:h,code:m,pre:y}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FONT_SIZE_CLASSES={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},t.FONT_WEIGHT_CLASSES={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},t.MARGIN_ENUM_CLASSES={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},t.MARGIN_ENUM_VALUES={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},t.MARGIN_SIDES_CLASSES={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},t.TEXT_ALIGN_CLASSES={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},t.TEXT_TRANSFORM_CLASSES={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},t.THEME_COLOR_CLASSES={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"}}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoReactCommon=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):e.KendoReactCommon=t(e.React,e.PropTypes,e.KendoLicensing)}(window,(function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=9)}([function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.noop=function(){}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.canUseDOM=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.classNames=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?t.classNames.apply(void 0,e):"object"==typeof e?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useAsyncFocusBlur=function(e){var t=e.onFocus,n=e.onBlur,o=e.onSyncFocus,i=e.onSyncBlur,u=r.useRef(!1),a=r.useRef(0),l=r.useCallback((function(e){clearTimeout(a.current),a.current=window.setTimeout((function(){return e()}))}),[a]),c=r.useCallback((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];clearTimeout(a.current),o&&o.call.apply(o,[void 0].concat(e)),u.current||(u.current=!0,t&&t.call.apply(t,[void 0].concat(e)))}),[u,t,o]),s=r.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];i&&i.call.apply(i,[void 0].concat(e)),l((function(){u.current&&n&&(u.current=!1,n.call.apply(n,[void 0].concat(e)))}))}),[u,l,n,i]);return r.useEffect((function(){return function(){clearTimeout(a.current)}}),[]),{onFocus:c,onBlur:s}}},function(e,n){e.exports=t},function(e,t,n){"use strict";function r(e){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}Object.defineProperty(t,"__esModule",{value:!0}),r(n(15)),r(n(4)),r(n(13)),r(n(19)),r(n(20)),r(n(14)),r(n(16)),r(n(44)),r(n(7)),r(n(17))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useInheritedState=function(e,t){var n=r.useContext(e),o=n[0],i=n[1],u=r.useState(t),a=u[0],l=u[1];return[void 0!==o?o:a,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];void 0!==o?i.apply(void 0,e):l(e[0])}]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1);t.DragContext=r.createContext([void 0,o.noop]),t.DropContext=r.createContext([void 0,o.noop]),t.DragsContext=r.createContext([[],o.noop,o.noop]),t.DropsContext=r.createContext([[],o.noop,o.noop])},function(e,t,n){"use strict";function r(e){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}Object.defineProperty(t,"__esModule",{value:!0}),r(n(10)),r(n(2)),r(n(21)),r(n(3)),r(n(22)),r(n(23)),r(n(24)),r(n(25)),r(n(26)),r(n(28)),r(n(29)),r(n(1)),r(n(30)),r(n(31)),r(n(32)),r(n(33)),r(n(35)),r(n(36)),r(n(37)),r(n(38)),r(n(13)),r(n(4)),r(n(14)),r(n(15)),r(n(16)),r(n(12)),r(n(17)),r(n(39)),r(n(40)),r(n(41)),r(n(43)),r(n(45)),r(n(46)),r(n(19)),r(n(20))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){return"undefined"!=typeof document?document:{}},o=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=r();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!0,configurable:!0}),e}();t.BrowserSupportService=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(27);t.fieldList=function(e){var t=[];return e.replace(r.FIELD_REGEX,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.usePropsContext=function(e,t){return r.useContext(e)(t)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useDir=function(e,t,n){var o=r.useState(t),i=o[0],u=o[1];return r.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&u(t)}}),n),i}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useRtl=function(e,t,n){var o=r.useState(t),i=o[0],u=o[1];return r.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&u(t)}}),n),i}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useMouse=function(e,t,n){void 0===n&&(n={});var o=r.useCallback((function(r){n.onMouseDown&&n.onMouseDown.call(void 0,r),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseDown,e.onMouseDown,t]),i=r.useCallback((function(r){n.onMouseUp&&n.onMouseUp.call(void 0,r),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseUp,e.onMouseUp,t]);return{onClick:r.useCallback((function(r){n.onClick&&n.onClick.call(void 0,r),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onClick,e.onClick,t]),onMouseUp:i,onMouseDown:o,onDoubleClick:r.useCallback((function(r){n.onDoubleClick&&n.onDoubleClick.call(void 0,r),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onDoubleClick,e.onDoubleClick,t]),onMouseEnter:r.useCallback((function(r){n.onMouseEnter&&n.onMouseEnter.call(void 0,r),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseEnter,e.onMouseEnter,t]),onMouseLeave:r.useCallback((function(r){n.onMouseLeave&&n.onMouseLeave.call(void 0,r),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseLeave,e.onMouseLeave,t]),onMouseMove:r.useCallback((function(r){n.onMouseMove&&n.onMouseMove.call(void 0,r),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseMove,e.onMouseMove,t]),onMouseOut:r.useCallback((function(r){n.onMouseOut&&n.onMouseOut.call(void 0,r),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOut,e.onMouseOut,t]),onMouseOver:r.useCallback((function(r){n.onMouseOver&&n.onMouseOver.call(void 0,r),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOver,e.onMouseOver,t])}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useCustomComponent=function(e){return r.isValidElement(e)?[e.type,e.props]:[e,{}]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(0);!function(e){e[e.add=0]="add",e[e.remove=1]="remove"}(r=t.COLLECTION_ACTION||(t.COLLECTION_ACTION={})),t.useCollection=function(e){void 0===e&&(e=[]);var t=o.useRef(e),n=o.useCallback((function(e){switch(e.type){case r.add:t.current.push(e.item);break;case r.remove:var n=t.current.indexOf(e.item);t.current.splice(n,1)}}),[]);return[t.current,n]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SIZE_CLASSES={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(47),i=n(1),u=n(7),a=n(8);t.useDraggable=function(e,t,n){void 0===n&&(n={});var l=t.onPress,c=void 0===l?i.noop:l,s=t.onRelease,f=void 0===s?i.noop:s,d=t.onDragStart,v=void 0===d?i.noop:d,p=t.onDrag,g=void 0===p?i.noop:p,m=t.onDragEnd,h=void 0===m?i.noop:m,y=n.hint,b=void 0===y?null:y,O=n.mouseOnly,C=void 0!==O&&O,E=n.autoScroll,_=void 0===E||E,k=n.scrollContainer,D=void 0===k?null:k,M=r.useState(!1),S=M[0],w=M[1],x=r.useState(!1),P=x[0],L=x[1],T=u.useInheritedState(a.DropContext)[0],N=u.useInheritedState(a.DragContext),R=N[0],j=N[1],I=r.useContext(a.DropsContext)[0],A=r.useContext(a.DragsContext),U=A[0],H=A[1],X=A[2],K=r.useRef({x:0,y:0}),B=r.useRef(),Y=r.useRef(!1),W=r.useRef(),z=r.useRef(!1),F=r.useRef({x:0,y:0}),V=r.useRef({x:0,y:0}),G=r.useRef({x:0,y:0}),q=r.useRef({x:0,y:0}),Z=r.useRef({x:0,y:0}),$=r.useRef({x:0,y:0}),J=Boolean(window&&"undefined"!=typeof window&&window.PointerEvent),Q=!C&&J,ee=r.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),te=r.useCallback((function(){return b&&b.current&&b.current.element?b.current.element:b?b.current:null}),[b]),ne=r.useCallback((function(){return D&&D.current&&D.current.element?D.current.element:D?D.current:null}),[D]),re=r.useCallback((function(){return"object"==typeof _&&_.boundaryElementRef&&_.boundaryElementRef.current&&_.boundaryElementRef.current.element?_.boundaryElementRef.current.element:"object"==typeof _&&_.boundaryElementRef&&_.boundaryElementRef.current?_.boundaryElementRef.current:null}),[_]),oe=r.useRef(null);r.useImperativeHandle(oe,(function(){return{element:ee(),hint:te(),onPress:he,onDragStart:be,onDrag:Oe,onDragEnd:Ce,onRelease:ye,data:e.current}}));var ie=r.useCallback((function(){var e=ee();return e&&e.ownerDocument||document}),[ee]),ue=r.useCallback((function(){var e=ie();return e&&e.defaultView||window}),[ie]),ae=r.useCallback((function(){return{drag:R?R.current:null,drop:T?T.current:null,drags:U.map((function(e){return e.current})),drops:I.map((function(e){return e.current})),pressed:S,ignoreMouse:Y.current,scrollOffset:Z.current,offset:F.current,pageOffset:V.current,initialScrollOffset:$.current,clientOffset:G.current,initialClientOffset:q.current,velocity:K.current,autoScroll:Boolean("object"==typeof _?!1!==_.enabled:_),scrollableParent:re(),autoScrollDirection:"object"==typeof _?_.direction:{horizontal:!0,vertical:!0},isScrolling:P}}),[R,T,U,I,S,_,re,P]),le=r.useCallback((function(e){w(e)}),[]),ce=r.useCallback((function(e){L(e)}),[]),se=r.useCallback((function(e){K.current=e}),[]),fe=r.useCallback((function(e){F.current=e}),[]),de=r.useCallback((function(e){G.current=e}),[]),ve=r.useCallback((function(e){V.current=e}),[]),pe=r.useCallback((function(e){q.current=e}),[]),ge=r.useCallback((function(e){Z.current=e}),[]),me=r.useCallback((function(e){$.current=e}),[]),he=r.useCallback((function(e){c(e)}),[c]),ye=r.useCallback((function(e){f(e)}),[f]),be=r.useCallback((function(t){j(oe,{target:e.current,event:t}),v(t)}),[j,e,v]),Oe=r.useCallback((function(e){g(e)}),[g]),Ce=r.useCallback((function(t){z.current||(j(null,{target:e.current,event:t}),h(t))}),[h,j,e]),Ee=r.useCallback((function(e){o.dispatchDragAndDrop(ae(),{event:e,payload:oe.current},{onVelocityChange:se,onOffsetChange:fe,onClientOffsetChange:de,onPageOffsetChange:ve,onInitialClientOffsetChange:pe,onScrollOffsetChange:ge,onInitialScrollOffsetChange:me,onIsPressedChange:le,onIsScrollingChange:ce})}),[ae,se,fe,ve,de,pe,me,le,ge,ce]),_e=r.useCallback((function(e){Ee(e)}),[Ee]),ke=r.useCallback((function(e){Ee(e)}),[Ee]),De=r.useCallback((function(e){Ee(e)}),[Ee]),Me=r.useCallback((function(e){Ee(e)}),[Ee]),Se=r.useCallback((function(e){Ee(e)}),[Ee]),we=r.useCallback((function(e){Ee(e)}),[Ee]),xe=r.useCallback((function(e){Ee(e)}),[Ee]),Pe=r.useCallback((function(e){e.preventDefault(),Ee(e)}),[Ee]),Le=r.useCallback((function(e){e.preventDefault(),Ee(e)}),[Ee]),Te=r.useCallback((function(e){e.preventDefault(),Ee(e)}),[Ee]),Ne=r.useCallback((function(e){if(0===e.touches.length&&1===e.changedTouches.length){var t=ue();Y.current=!0,W.current=t.setTimeout((function(){Y.current=!1}),2e3)}Ee(e)}),[Ee,ue]),Re=r.useCallback((function(e){Ee(e)}),[Ee]),je=r.useCallback((function(){var e=ee();if(e){var t=e.style.touchAction;return e.style.touchAction="none",function(){e.style.touchAction=t}}}),[ee]),Ie=r.useCallback((function(){return H(oe),function(){X(oe)}}),[X,H]);r.useEffect((function(){var e=ue();if(P){var t=ne()||o.getScrollableParent(document.elementFromPoint(G.current.x,G.current.y));e.clearInterval(B.current),B.current=e.setInterval((function(){o.autoScroll(t,{x:K.current.x,y:K.current.y})}),50)}return function(){e.clearInterval(B.current)}}),[ee,ne,ue,P]),r.useEffect(je,[je]),r.useEffect((function(){var e=ue(),t=ee(),n=ie();if(Q){if(t)o.getScrollableParent(t).addEventListener("scroll",Re,{passive:!0}),t.addEventListener("pointerdown",_e,{passive:!0});S&&(n.addEventListener("pointermove",ke),n.addEventListener("pointerup",Me,!0),n.addEventListener("contextmenu",Pe),n.addEventListener("pointercancel",De,{passive:!0}))}else e.addEventListener("touchmove",i.noop,{capture:!1,passive:!1}),t&&(t.addEventListener("mousedown",Se,{passive:!0}),C||(t.addEventListener("touchstart",Le,{passive:!0}),S&&(t.addEventListener("touchmove",Te,{passive:!0}),t.addEventListener("touchend",Ne,{passive:!0})))),S&&(n.addEventListener("mousemove",we,{passive:!0}),n.addEventListener("mouseup",xe,{passive:!0}));return function(){if(t){var r=o.getScrollableParent(t);r&&r.removeEventListener("scroll",Re),t.removeEventListener("pointerdown",_e),t.removeEventListener("mousedown",Se),t.removeEventListener("touchstart",Le),t.removeEventListener("touchmove",Te),t.removeEventListener("touchend",Ne)}n.removeEventListener("pointermove",ke),n.removeEventListener("pointerup",Me,!0),n.removeEventListener("contextmenu",Pe),n.removeEventListener("pointercancel",De),n.removeEventListener("mousemove",we),n.removeEventListener("mouseup",xe),e.removeEventListener("touchmove",i.noop),e.clearTimeout(W.current)}}),[S,ue,ee,ie,C,Q,Pe,Se,we,xe,De,_e,ke,Me,Ne,Te,Le,Re]),r.useEffect((function(){return function(){z.current=!0}}),[]),r.useLayoutEffect(Ie,[Ie])}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(7),u=n(8);t.useDroppable=function(e,t){void 0===t&&(t={onDragEnter:o.noop,onDragOver:o.noop,onDragLeave:o.noop,onDrop:o.noop});var n=t.onDragEnter,a=void 0===n?o.noop:n,l=t.onDragOver,c=void 0===l?o.noop:l,s=t.onDragLeave,f=void 0===s?o.noop:s,d=t.onDrop,v=void 0===d?o.noop:d,p=i.useInheritedState(u.DropContext)[1],g=r.useContext(u.DropsContext),m=g[1],h=g[2],y=r.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),b=r.useRef(null);r.useImperativeHandle(b,(function(){return{element:y(),onDragEnter:O,onDragOver:C,onDragLeave:E,onDrop:_,data:e.current}}));var O=r.useCallback((function(t){p(b,{target:e.current,event:t}),a(t)}),[p,e,a]),C=r.useCallback((function(e){c(e)}),[c]),E=r.useCallback((function(t){p(null,{target:e.current,event:t}),f(t)}),[p,e,f]),_=r.useCallback((function(t){p(null,{target:e.current,event:t}),v(t)}),[p,e,v]),k=r.useCallback((function(){return m(b),function(){h(b)}}),[h,m]);r.useLayoutEffect(k,[k])}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.canUseRef=function(e){return"string"!=typeof Comment&&(function(e){return Boolean("function"==typeof e&&!!e.prototype.isReactComponent)}(e)||function(e){return Boolean(e.$$typeof&&"function"==typeof e.render)}(e))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);function o(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=i(r,t[n])}}function i(e,n){if(Array.isArray(e))return u(e);if(e instanceof Date)return t.cloneDate(e);if(r.isValidElement(e))return r.cloneElement(e,e.props);if(e&&"object"==typeof e){var i=n||{};return o(e,i),i}return e}function u(e){return e.map((function(e){return i(e,void 0)}))}t.cloneDate=function(e){return e?new Date(e.getTime()):null},t.clone=function(e){var t={};return o(e,t),t},t.cloneObject=o,t.cloneValue=i,t.cloneArray=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.focusFirstFocusableChild=function(e){if(e){if((e instanceof HTMLInputElement||-1!==e.tabIndex)&&e.focus)return void e.focus();var t=e.querySelector('input, [tabindex]:not([tabindex="-1"])');t&&t.focus&&t.focus()}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){};t.FormComponent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getTabIndex=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(11),o={};o.undefined=function(){},t.getter=function(e){if(o[e])return o[e];var t=r.fieldList(e);return o[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},o[e]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FIELD_REGEX=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Keys={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(10),o=n(2);t.getScrollbarWidth=function(){return!(!o.canUseDOM||!document.body)&&(new r.BrowserSupportService).scrollbarWidth},t.setScrollbarWidth=function(){if(!o.canUseDOM||!document.body)return!1;var e=(new r.BrowserSupportService).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",e+"px")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(11),o={undefined:function(e){return e}},i=function(e,t){return t&&t.arrays&&!isNaN(Number(e))?[]:{}};t.setter=function(e){if(o[e])return o[e];var t=r.fieldList(e);return o[e]=function(e,n,r){for(var o=e,u=t.length-1,a=0;a<u&&o;a++)o=o[t[a]]=o[t[a]]||i(t[a+1],r);o[t[u]]=n},o[e]}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function o(e,t,n){var o;return n?r({},e,((o={})[t]=n.length?n.slice():void 0,o)):e&&e[t]?e[t].slice():[]}Object.defineProperty(t,"__esModule",{value:!0}),t.mapTree=function(e,t,n){return e.map((function(e){return function e(t,n,r){if(t[n]){var i=o(t,n).map((function(t){return e(t,n,r)}));return r(o(t,n,i))}return r(t)}(e,t,n)})).slice()},t.mapTreeItem=function(e,t,n,r){for(var o=e,i=[],u=0;u<t.length;u++)o=o[t[u]],o=Array.isArray(o)?o:o[n],i.push(o);var a=i.length>1?i[i.length-2]:e,l=t[t.length-1],c=r(a[l]);a.splice(l,1,c)},t.extendDataItem=function(e,t,n){var r;return Object.assign({},e,e[t]?((r={})[t]=e[t].slice(),r):{},n||{})},t.getItemPath=function(e,t,n){var r=[],o=t.slice();if(o.length){var i=e[o.shift()||0];for(r.push(i);o.length&&n;)i=i[n][o.shift()||0],r.push(i)}return r}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(34);t.validatePackage=function(e){if(void 0!==r)r.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.hasRelativeStackingContext=function(e){if(!r.canUseDOM)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: 10px;">child</div>',t.body.appendChild(n);var o=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),o}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.dispatchEvent=function(e,t,n,r){if(e){var o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(4);t.AsyncFocusBlur=function(e){var t=e.children,n=e.onFocus,i=e.onBlur,u=e.onSyncFocus,a=e.onSyncBlur,l=o.useAsyncFocusBlur({onFocus:n,onBlur:i,onSyncFocus:u,onSyncBlur:a});return t.call(void 0,r({},l))}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),i=n(12);t.createPropsContext=function(){return o.createContext((function(e){return e}))},t.withPropsContext=function(e,t){return o.forwardRef((function(n,u){var a=i.usePropsContext(e,n);return o.createElement(t,r({},a,{ref:u}))}))}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),u=n(5),a=n(3),l=n(18),c=n(9);t.Icon=i.forwardRef((function(e,t){var n=e.className,u=e.name,f=e.themeColor,d=e.size,v=e.flip,p=e.style,g=o(e,["className","name","themeColor","size","flip","style"]),m=i.useRef(null),h=i.useRef(null);i.useImperativeHandle(m,(function(){return{element:h.current}})),i.useImperativeHandle(t,(function(){return m.current}));var y=i.useMemo((function(){return f||s.themeColor}),[f]),b=i.useMemo((function(){return d||s.size}),[d]),O=i.useMemo((function(){return v||s.flip}),[v]),C=i.useMemo((function(){return a.classNames("k-icon","k-i-"+u,"k-color-"+y,{"k-flip-h":"horizontal"===O||"both"===O,"k-flip-v":"vertical"===O||"both"===O},l.SIZE_CLASSES[b],n)}),[u,y,b,O,n]),E=c.useMouse(e,m);return i.createElement("span",r({ref:h},g,E,{className:C,style:p,role:"presentation"}))})),t.Icon.propTypes={style:u.object,classNames:u.string,name:u.string,themeColor:u.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:u.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:u.oneOf(["default","horizontal","vertical","both"])};var s={size:"default",themeColor:"inherit",flip:"default"};t.Icon.displayName="KendoIcon"},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),u=n(5),a=n(3),l=n(18);t.SvgIcon=i.forwardRef((function(e,t){var n=e.children,u=e.className,s=e.svgClassName,f=e.icon,d=e.flip,v=e.size,p=e.style,g=e.svgStyle,m=e.themeColor,h=e.viewBox,y=o(e,["children","className","svgClassName","icon","flip","size","style","svgStyle","themeColor","viewBox"]),b=i.useRef(null);i.useImperativeHandle(t,(function(){return{element:b.current}}));var O=i.useMemo((function(){return f?f.name:c.icon}),[f]),C=i.useMemo((function(){return m||c.themeColor}),[m]),E=i.useMemo((function(){return v||c.size}),[v]),_=i.useMemo((function(){return d||c.flip}),[d]),k=i.useMemo((function(){return h||c.viewBox}),[h]),D=i.useMemo((function(){return a.classNames("k-svg-icon","k-color-"+C,"k-svg-i-"+O,{"k-flip-h":"horizontal"===_||"both"===_,"k-flip-v":"vertical"===_||"both"===_},l.SIZE_CLASSES[E],u)}),[O,C,E,_,u]),M=i.useMemo((function(){return e.width&&e.height?r({width:e.width,height:e.height},p):e.width?r({width:e.width,height:e.width},p):e.height?r({width:e.height,height:e.height},p):r({},p)}),[e.width,e.height,p]);return i.createElement("span",{className:D,style:M,ref:b},i.createElement("svg",r({className:s,style:g,"aria-hidden":!0,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:f?f.viewBox:k,dangerouslySetInnerHTML:f?{__html:f.content}:void 0},y),f?void 0:n))})),t.SvgIcon.propTypes={style:u.object,classNames:u.string,children:u.any,icon:u.object,themeColor:u.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:u.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:u.oneOf(["default","horizontal","vertical","both"])};var c={size:"default",themeColor:"inherit",flip:"default",icon:"",viewBox:"0 0 24 24"};t.SvgIcon.displayName="KendoSvgIcon"},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),u=n(5),a=n(42),l=function(e){var t=i.forwardRef((function(t,n){var u=t.className,l=t.fontSize,c=t.fontWeight,s=t.textAlign,f=t.textTransform,d=t.themeColor,v=t.margin,p=o(t,["className","fontSize","fontWeight","textAlign","textTransform","themeColor","margin"]),g=i.useRef(null),m=i.useRef(null);i.useImperativeHandle(g,(function(){return{element:m.current,props:t}})),i.useImperativeHandle(n,(function(){return g.current}));var h=e,y=function(){if(void 0!==v){if("string"==typeof v)return[a.MARGIN_ENUM_CLASSES[v]];if("number"==typeof v&&v>=0&&v<=24)return["k-m-"+v];if("object"==typeof v){var e=[];return Object.keys(v).forEach((function(t){var n,r,o;null!==v[t]&&void 0!==v[t]&&e.push((n=t,r=v[t],o="string"==typeof r?a.MARGIN_ENUM_VALUES[r]:r,""+a.MARGIN_SIDES_CLASSES[n]+o))})),e.join(" ")}}};return i.createElement(h,r({ref:m,className:["k-"+("p"===e?"paragraph":e),a.FONT_SIZE_CLASSES[l],a.FONT_WEIGHT_CLASSES[c],a.TEXT_ALIGN_CLASSES[s],a.TEXT_TRANSFORM_CLASSES[f],a.THEME_COLOR_CLASSES[d],y(),u].filter((function(e){return void 0!==e})).join(" ")},p),t.children)}));return t.propTypes={style:u.object,className:u.string,fontSize:u.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:u.oneOf(["light","normal","bold"]),margin:u.oneOfType([u.number,u.object,u.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:u.oneOf(["left","right","center","justify"]),textTransform:u.oneOf(["lowercase","uppercase","capitalize"]),themeColor:u.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName="KendoReactTypography"+e.toUpperCase(),t},c=l("h1"),s=l("h2"),f=l("h3"),d=l("h4"),v=l("h5"),p=l("h6"),g=l("p"),m=l("code"),h=l("pre");t.Typography={h1:c,h2:s,h3:f,h4:d,h5:v,h6:p,p:g,code:m,pre:h}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FONT_SIZE_CLASSES={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},t.FONT_WEIGHT_CLASSES={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},t.MARGIN_ENUM_CLASSES={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},t.MARGIN_ENUM_VALUES={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},t.MARGIN_SIDES_CLASSES={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},t.TEXT_ALIGN_CLASSES={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},t.TEXT_TRANSFORM_CLASSES={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},t.THEME_COLOR_CLASSES={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(6),i=n(8);t.DragAndDrop=function(e){var t=o.useControlledState(null,void 0),n=t[0],u=t[1],a=o.useControlledState(null,void 0),l=a[0],c=a[1],s=o.useCollection([]),f=s[0],d=s[1],v=o.useCollection([]),p=v[0],g=v[1];return r.createElement(i.DragContext.Provider,{value:[n,u]},r.createElement(i.DropContext.Provider,{value:[l,c]},r.createElement(i.DragsContext.Provider,{value:[f,function(e){d({type:o.COLLECTION_ACTION.add,item:e})},function(e){d({type:o.COLLECTION_ACTION.remove,item:e})}]},r.createElement(i.DropsContext.Provider,{value:[p,function(e){g({type:o.COLLECTION_ACTION.add,item:e})},function(e){g({type:o.COLLECTION_ACTION.remove,item:e})}]},e.children))))},t.DragAndDrop.displayName="KendoReactDragAndDrop"},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.useControlledState=function(e,t,n){var i=o.useState(t||e),u=i[0],a=i[1];return[void 0!==t?t:u,o.useCallback((function(e,t){a(e),n&&n.call(void 0,r({},t,{value:e}))}),[n,a])]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(6);t.Draggable=r.forwardRef((function(e,t){var n=r.useRef(null),i=r.useRef(null),u=r.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);r.useImperativeHandle(i,(function(){return{element:u()||null}})),r.useImperativeHandle(t,(function(){return i.current})),r.useImperativeHandle(e.childRef,(function(){return n.current}));var a=r.useCallback((function(t){e.onPress&&e.onPress({element:u(),target:i.current,event:t})}),[u,e.onPress]),l=r.useCallback((function(t){e.onRelease&&e.onRelease({element:u(),target:i.current,event:t})}),[u,e.onRelease]),c=r.useCallback((function(t){e.onDragStart&&e.onDragStart({element:u(),target:i.current,event:t})}),[e,u]),s=r.useCallback((function(t){e.onDrag&&e.onDrag({element:u(),target:i.current,event:t})}),[u,e.onDrag]),f=r.useCallback((function(t){e.onDragEnd&&e.onDragEnd({element:u(),target:i.current,event:t})}),[u,e.onDragEnd]);return o.useDraggable(n,{onPress:a,onRelease:l,onDragStart:c,onDrag:s,onDragEnd:f},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer}),e.children?r.cloneElement(r.Children.only(e.children),{ref:n}):null})),t.Draggable.displayName="KendoReactDraggable"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(6);t.Droppable=r.forwardRef((function(e,t){var n=r.useRef(null),i=r.useRef(null),u=r.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);r.useImperativeHandle(i,(function(){return{element:u()||void 0}})),r.useImperativeHandle(t,(function(){return i.current})),r.useImperativeHandle(e.childRef,(function(){return n.current}));var a=r.useCallback((function(t){e.onDragEnter&&e.onDragEnter({element:u(),target:i.current,event:t})}),[e.onDragEnter,u]),l=r.useCallback((function(t){e.onDragOver&&e.onDragOver({element:u(),target:i.current,event:t})}),[u,e.onDragOver]),c=r.useCallback((function(t){e.onDragLeave&&e.onDragLeave({element:u(),target:i.current,event:t})}),[e.onDragLeave,u]),s=r.useCallback((function(t){e.onDrop&&e.onDrop({element:u(),target:i.current,event:t})}),[e.onDrop,u]);return o.useDroppable(n,{onDragEnter:a,onDragOver:l,onDragLeave:c,onDrop:s}),e.children?r.cloneElement(r.Children.only(e.children),{ref:n}):null})),t.Droppable.displayName="KendoReactDroppable"},function(e,t,n){"use strict";n.r(t),n.d(t,"dispatchDragAndDrop",(function(){return f})),n.d(t,"scrollableRoot",(function(){return a})),n.d(t,"getScrollableParent",(function(){return c})),n.d(t,"autoScroll",(function(){return d}));var r,o=function(e,t){var n=0,r=null;return t.forEach((function(t){if(t&&e){var o=function(e,t){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=Math.max(r.top,n.top),i=Math.max(r.left,n.left),u=Math.min(r.left+r.width,n.left+n.width),a=Math.min(r.top+r.height,n.top+n.height),l=u-i,c=a-o;if(i<u&&o<a){var s=r.width*r.height,f=n.width*n.height,d=l*c;return Number((d/(s+f-d)).toFixed(4))}return 0}(e,t);o>n&&(n=o,r=t)}})),r},i=function(){var e=window&&window.navigator.userAgent;if(!e)return!1;var t=!1,n=[],r={edge:/(edge)[ \/]([\w.]+)/i,webkit:/(chrome|crios)[ \/]([\w.]+)/i,safari:/(webkit)[ \/]([\w.]+)/i,opera:/(opera)(?:.*version|)[ \/]([\w.]+)/i,msie:/(msie\s|trident.*? rv:)([\w.]+)/i,mozilla:/(mozilla)(?:.*? rv:([\w.]+)|)/i};for(var o in r)if(r.hasOwnProperty(o)&&(n=e.match(r[o]))){(t={})[o]=!0,t[n[1].toLowerCase().split(" ")[0].split("/")[0]]=!0,t.version=parseInt(document.DOCUMENT_NODE||n[2],10);break}return t},u=function(e){return e&&e.ownerDocument||window.document},a=function(e){var t=i(),n=u(e);return t.edge||t.safari?n.body:n.documentElement},l=function(e){if(e&&e.className&&"string"==typeof e.className&&e.className.indexOf("k-auto-scrollable")>-1)return!0;var t=window.getComputedStyle(e,"overflow").overflow;return t.indexOf("auto")>-1||t.indexOf("scroll")>-1},c=function(e){var t=a(e);if(!e||e===document.body||e===document.documentElement)return t;for(var n=e;n&&!l(n)&&n!==document.body;)n=n.parentNode;return n===document.body?t:n};!function(e){e.POINTER_DOWN="pointerdown",e.POINTER_MOVE="pointermove",e.POINTER_UP="pointerup",e.POINTER_CANCEL="pointercancel",e.MOUSE_DOWN="mousedown",e.MOUSE_MOVE="mousemove",e.MOUSE_UP="mouseup",e.CONTEXT_MENU="contextmenu",e.TOUCH_START="touchstart",e.TOUCH_MOVE="touchmove",e.TOUCH_END="touchend",e.TOUCH_CANCEL="touchcancel",e.SCROLL="scroll",e.START="KENDO_DRAG_AND_DROP_START",e.MOVE="KENDO_DRAG_AND_DROP_MOVE",e.END="KENDO_DRAG_AND_DROP_END",e.CANCEL="KENDO_DRAG_AND_DROP_CANCEL"}(r||(r={}));var s=function(){},f=function(e,t,n){void 0===n&&(n={});var i,l,f,d,v=n.onIsPressedChange,p=void 0===v?s:v,g=n.onIsScrollingChange,m=void 0===g?s:g,h=n.onVelocityChange,y=void 0===h?s:h,b=n.onOffsetChange,O=void 0===b?s:b,C=n.onPageOffsetChange,E=void 0===C?s:C,_=n.onClientOffsetChange,k=void 0===_?s:_,D=n.onScrollOffsetChange,M=void 0===D?s:D,S=n.onInitialScrollOffsetChange,w=void 0===S?s:S,x=t.payload,P=x.element,L=x.hint,T=e.autoScrollDirection,N=e.scrollableParent,R=function(e,t){return function(e){return/^touch/.test(e.type)}(e)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,offsetX:t.offset.x,offsetY:t.offset.y,type:e.type,originalEvent:e,isTouch:!0,altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1}:function(e){return/^(scroll)/.test(e.type)}(e)?{pageX:t.pageOffset.x,pageY:t.pageOffset.y,clientX:t.clientOffset.x,clientY:t.clientOffset.y,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,offsetX:t.offset.x,offsetY:t.offset.y,type:e.type,originalEvent:e,altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,originalEvent:e}}(t.event,e);switch(R.type){case r.POINTER_DOWN:if(R.type===r.POINTER_DOWN&&(!R.originalEvent.isPrimary||0!==R.originalEvent.button))break;case r.MOUSE_DOWN:if(R.type===r.MOUSE_DOWN&&R.originalEvent.which&&R.originalEvent.which>1||e.ignoreMouse)break;case r.TOUCH_START:if(R.type===r.TOUCH_START&&1!==R.originalEvent.touches.length)break;case r.START:var j=N||c(t.payload.element);w(j instanceof Window?{x:j.scrollX,y:j.scrollY}:{x:j.scrollLeft,y:j.scrollTop}),k({x:R.clientX,y:R.clientY}),E({x:R.pageX,y:R.pageY}),O({x:R.offsetX,y:R.offsetY}),p(!0),x.onPress&&x.onPress(R);break;case r.SCROLL:if(R.type===r.SCROLL&&!e.pressed)break;var I=N||c(P),A=I instanceof Window?{x:I.scrollX,y:I.scrollY}:{x:I.scrollLeft,y:I.scrollTop};R.scrollX=A.x-e.initialScrollOffset.x,R.scrollY=A.y-e.initialScrollOffset.y,M({x:R.scrollX,y:R.scrollY});case r.POINTER_MOVE:if(R.type===r.POINTER_MOVE&&!R.originalEvent.isPrimary)break;case r.MOUSE_MOVE:case r.TOUCH_MOVE:if(R.type===r.TOUCH_MOVE&&1!==R.originalEvent.touches.length)break;case r.MOVE:if(e.pressed){if(e.autoScroll&&"scroll"!==R.originalEvent.type&&P){var U=u(P),H=N||c(U.elementFromPoint(R.clientX,R.clientY)),X=function(e,t,n){var r={x:0,y:0};return e-n.left<50?r.x=-(50-(e-n.left)):n.right-e<50&&(r.x=50-(n.right-e)),t-n.top<50?r.y=-(50-(t-n.top)):n.bottom-t<50&&(r.y=50-(n.bottom-t)),r}(R.pageX,R.pageY,function(e,t){var n=a(e);if(e===n)return{top:n.scrollTop,left:n.scrollLeft,bottom:n.scrollTop+t.innerHeight,right:n.scrollLeft+t.innerWidth};var r=e.getBoundingClientRect();return{bottom:r.top+r.height,right:r.left+r.width,left:r.left,top:r.top}}(H,function(e){var t=u(e);return t&&t.defaultView||window}(P)));y({x:T&&!1===T.horizontal?0:X.x,y:T&&!1===T.vertical?0:X.y}),m(0!==X.y||0!==X.x)}!e.drag&&x.onDragStart&&x.onDragStart(R),x.onDrag&&x.onDrag(R);var K=o(L||P,e.drops.map((function(e){return e&&e.element})).filter((function(e){return e!==(L||P)}))),B=e.drops.find((function(e){return e.element===K}));B&&K&&(i=R.clientX,l=R.clientY,f=N||c(K),(d=f.getBoundingClientRect()).top<=l&&d.left<=i&&l<=d.bottom&&i<=d.right)&&K!==P?(e.drop&&e.drop.element)!==K?(e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(R),B.onDragEnter&&B.onDragEnter(R)):B.onDragOver&&B.onDragOver(R):e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(R)}k({x:R.clientX,y:R.clientY}),E({x:R.pageX,y:R.pageY});break;case r.POINTER_UP:if(R.type===r.POINTER_UP&&!R.originalEvent.isPrimary)break;case r.MOUSE_UP:case r.TOUCH_END:if(R.type===r.TOUCH_END&&1!==R.originalEvent.touches.length)break;case r.END:p(!1),x.onRelease&&x.onRelease(R),e.drop&&e.drop.onDrop&&e.drop.onDrop(R),x.onDragEnd&&x.onDragEnd(R);break;case r.POINTER_CANCEL:case r.CONTEXT_MENU:case r.TOUCH_CANCEL:case r.CANCEL:p(!1),x.onDragEnd&&x.onDragEnd(R),e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(R)}},d=function(e,t){if(e){var n,r;e===a(e)?(n=document.body.scrollHeight>window.innerHeight,r=document.body.scrollWidth>window.innerWidth):(n=e.offsetHeight<=e.scrollHeight,r=e.offsetWidth<=e.scrollWidth);var o=e.scrollTop+t.y,i=n&&o>0&&o<e.scrollHeight,u=e.scrollLeft+t.x,l=r&&u>0&&u<e.scrollWidth;i?e.scrollTop+=t.y:n&&o<0&&(e.scrollTop=0),l?e.scrollLeft+=t.x:r&&u<0&&(e.scrollLeft=0)}}}])}));

package/dist/es/Draggable.d.ts

@@ -1,78 +1,86 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
-/**
- * @hidden
- */
-export interface BaseDraggableEvent<T extends React.Component> {
+import { DraggableOptions, DraggableHandle } from './hooks';
+import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
+/** @hidden */
+interface BaseDraggableEvent {
     /**
-     * The target Draggable component.
+     * The DOM element.
      */
-    target: T;
+    element: HTMLElement;
     /**
-     * The original event.
+     * The target Draggable reference.
      */
-    event: any;
+    target: DraggableHandle;
+    /**
+     * The normalized drag event.
+     */
+    event: NormalizedDragEvent;
 }
 /**
- * Represents the object of the `onPress` Draggable event.
+ * Represents the object of the `onPress` callback.
  */
-export interface DraggablePressEvent extends BaseDraggableEvent<Draggable> {
-    /**
-     * The element which is pressed.
-     */
-    element: HTMLElement;
+export interface DraggablePressEvent extends BaseDraggableEvent {
 }
 /**
- * Represents the object of the `onDrag` Draggable event.
+ * Represents the object of the `onDragStart` callback.
  */
-export interface DraggableDragEvent extends BaseDraggableEvent<Draggable> {
-    /**
-     * The element which is pressed.
-     */
-    element: HTMLElement;
+export interface DraggableDragStartEvent extends BaseDraggableEvent {
+}
+/**
+ * Represents the object of the `onDrag` callback.
+ */
+export interface DraggableDragEvent extends BaseDraggableEvent {
+}
+/**
+ * Represents the object of the `onDragEnd` callback.
+ */
+export interface DraggableDragEndEvent extends BaseDraggableEvent {
 }
 /**
- * Represents the object of the `onRelease` Draggable event.
+ * Represents the object of the `onRelease` callback.
  */
-export interface DraggableReleaseEvent extends BaseDraggableEvent<Draggable> {
+export interface DraggableReleaseEvent extends BaseDraggableEvent {
 }
 /**
  * Represents the props of the KendoReact Draggable component.
  */
-export interface DraggableProps {
+export interface DraggableProps extends DraggableOptions {
     /**
      * Fires when the user press element inside the Draggable component.
      */
     onPress?: (event: DraggablePressEvent) => void;
+    /**
+     * Fires when the user starts dragging the element inside the Draggable component.
+     */
+    onDragStart?: (event: DraggableDragStartEvent) => void;
     /**
      * Fires when the user drag the element inside the Draggable component.
      */
     onDrag?: (event: DraggableDragEvent) => void;
+    /**
+     * Fires when the user finishes dragging the element inside the Draggable component.
+     */
+    onDragEnd?: (event: DraggableDragEndEvent) => void;
     /**
      * Fires when the user release the current drag action.
      */
     onRelease?: (event: DraggableReleaseEvent) => void;
     /**
-     * Callback to get the child element ref. Useful as the Draggable overrides ref of  the child element.
+     * Callback to get the child element ref. Useful as the Draggable overrides ref of the child element.
      */
-    childRef?: (childElement: HTMLElement) => void;
+    childRef?: React.Ref<HTMLElement | null | {
+        element: HTMLElement | null;
+        [key: string]: any;
+    }>;
+    /** @hidden */
+    children?: React.ReactNode;
 }
 /**
  * Represents the KendoReact Draggable component.
+ *
+ * Accepts properties of type [DraggableProps]({% slug api_common_draggableprops %}),
+ * and returns an object of type [DraggableHandle]({% slug api_common_draggablehandle %}) when the `ref` is obtained.
  */
-export declare class Draggable extends React.Component<DraggableProps, {}> {
-    static propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactElementLike>;
-    };
-    /**
-     * @hidden
-     */
-    element: HTMLElement | null;
-    private draggable;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    childRef: (element: any) => void;
-    render(): React.FunctionComponentElement<{
-        ref: (element: any) => void;
-    }>;
-}
+export declare const Draggable: React.ForwardRefExoticComponent<DraggableProps & React.RefAttributes<DraggableHandle>>;
+export declare type Draggable = DraggableHandle;
+export {};

package/dist/es/Draggable.js

@@ -1,81 +1,84 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import KendoDraggable from '@telerik/kendo-draggable';
+import { useDraggable } from './hooks';
 /**
  * Represents the KendoReact Draggable component.
+ *
+ * Accepts properties of type [DraggableProps]({% slug api_common_draggableprops %}),
+ * and returns an object of type [DraggableHandle]({% slug api_common_draggablehandle %}) when the `ref` is obtained.
  */
-var Draggable = /** @class */ (function (_super) {
-    __extends(Draggable, _super);
-    function Draggable() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.element = null;
-        _this.draggable = new KendoDraggable({
-            press: function (event) {
-                if (_this.element && _this.props.onPress) {
-                    _this.props.onPress.call(undefined, {
-                        target: _this,
-                        event: event,
-                        element: _this.element
-                    });
-                }
-            },
-            drag: function (event) {
-                if (_this.element && _this.props.onDrag) {
-                    _this.props.onDrag.call(undefined, {
-                        target: _this,
-                        event: event,
-                        element: _this.element
-                    });
-                }
-            },
-            release: function (event) {
-                if (_this.element && _this.props.onRelease) {
-                    _this.props.onRelease.call(undefined, {
-                        target: _this,
-                        event: event
-                    });
-                }
-            }
+export var Draggable = React.forwardRef(function (props, ref) {
+    var childRef = React.useRef(null);
+    var target = React.useRef(null);
+    var getElement = React.useCallback(function () { return childRef.current && childRef.current.element
+        ? childRef.current.element
+        : childRef.current; }, [childRef]);
+    React.useImperativeHandle(target, function () { return ({ element: getElement() || null }); });
+    React.useImperativeHandle(ref, function () { return target.current; });
+    React.useImperativeHandle(props.childRef, function () { return childRef.current; });
+    var handlePress = React.useCallback(function (event) {
+        if (!props.onPress) {
+            return;
+        }
+        props.onPress({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [getElement, props.onPress]);
+    var handleRelease = React.useCallback(function (event) {
+        if (!props.onRelease) {
+            return;
+        }
+        props.onRelease({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [getElement, props.onRelease]);
+    var handleDragStart = React.useCallback(function (event) {
+        if (!props.onDragStart) {
+            return;
+        }
+        props.onDragStart({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [props, getElement]);
+    var handleDrag = React.useCallback(function (event) {
+        if (!props.onDrag) {
+            return;
+        }
+        props.onDrag({
+            element: getElement(),
+            target: target.current,
+            event: event
         });
-        _this.childRef = function (element) {
-            var childRef = _this.props.childRef;
-            _this.element = element;
-            if (childRef && typeof childRef === 'function') {
-                childRef(element);
-            }
-        };
-        return _this;
-    }
-    Draggable.prototype.componentDidMount = function () {
-        if (this.element) {
-            this.draggable.bindTo(this.element);
+    }, [getElement, props.onDrag]);
+    var handleDragEnd = React.useCallback(function (event) {
+        if (!props.onDragEnd) {
+            return;
         }
-    };
-    Draggable.prototype.componentWillUnmount = function () {
-        this.draggable.destroy();
-    };
-    Draggable.prototype.render = function () {
-        return (React.cloneElement(React.Children.only(this.props.children), { ref: this.childRef }));
-    };
-    Draggable.propTypes = {
-        children: PropTypes.element.isRequired
-    };
-    return Draggable;
-}(React.Component));
-export { Draggable };
+        props.onDragEnd({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [getElement, props.onDragEnd]);
+    useDraggable(childRef, {
+        onPress: handlePress,
+        onRelease: handleRelease,
+        onDragStart: handleDragStart,
+        onDrag: handleDrag,
+        onDragEnd: handleDragEnd
+    }, {
+        mouseOnly: props.mouseOnly,
+        autoScroll: props.autoScroll,
+        hint: props.hint,
+        scrollContainer: props.scrollContainer
+    });
+    return props.children
+        ? (React.cloneElement(React.Children.only(props.children), { ref: childRef }))
+        : null;
+});
+Draggable.displayName = 'KendoReactDraggable';

package/dist/es/Droppable.d.ts

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import { DroppableHandle } from './hooks';
+import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
+/** @hidden */
+interface BaseDroppableEvent {
+    /**
+     * The DOM element.
+     */
+    element: HTMLElement;
+    /**
+     * The target Draggable reference.
+     */
+    target: DroppableHandle;
+    /**
+     * The normalized drag event.
+     */
+    event: NormalizedDragEvent;
+}
+/**
+ * Represents the object of the `onDragEnter` callback.
+ */
+export interface DroppableDragEnterEvent extends BaseDroppableEvent {
+}
+/**
+ * Represents the object of the `onDragOver` callback.
+ */
+export interface DroppableDragOverEvent extends BaseDroppableEvent {
+}
+/**
+ * Represents the object of the `onDragLeave` callback.
+ */
+export interface DroppableDragLeaveEvent extends BaseDroppableEvent {
+}
+/**
+ * Represents the object of the `onDrop` callback.
+ */
+export interface DroppableDropEvent extends BaseDroppableEvent {
+}
+/**
+ * Represents the props of the KendoReact Droppable component.
+ */
+export interface DroppableProps {
+    /**
+     * Fires when the user enters the element during drag.
+     */
+    onDragEnter?: (event: DroppableDragEnterEvent) => void;
+    /**
+     * Fires when the user is dragging an element over the Droppable component.
+     */
+    onDragOver?: (event: DroppableDragOverEvent) => void;
+    /**
+     * Fires when the user leaves the element during drag.
+     */
+    onDragLeave?: (event: DroppableDragLeaveEvent) => void;
+    /**
+     * Fires when the user drops a draggable element inside the Droppable component.
+     */
+    onDrop?: (event: DroppableDropEvent) => void;
+    /**
+     * Callback to get the child element ref. Useful as the Droppable overrides ref of the child element.
+     */
+    childRef?: React.Ref<HTMLElement | null | {
+        element: HTMLElement | null;
+        [key: string]: any;
+    }>;
+    /** @hidden */
+    children?: React.ReactNode;
+}
+/**
+ * Represents the KendoReact Droppable component.
+ *
+ * Accepts properties of type [DroppableProps]({% slug api_common_droppableprops %}),
+ * and returns an object of type [DroppableHandle]({% slug api_common_droppablehandle %}) when the `ref` is obtained.
+ */
+export declare const Droppable: React.ForwardRefExoticComponent<DroppableProps & React.RefAttributes<DroppableHandle>>;
+export declare type Droppable = DroppableHandle;
+export {};

package/dist/es/Droppable.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { useDroppable } from './hooks';
+/**
+ * Represents the KendoReact Droppable component.
+ *
+ * Accepts properties of type [DroppableProps]({% slug api_common_droppableprops %}),
+ * and returns an object of type [DroppableHandle]({% slug api_common_droppablehandle %}) when the `ref` is obtained.
+ */
+export var Droppable = React.forwardRef(function (props, ref) {
+    var childRef = React.useRef(null);
+    var target = React.useRef(null);
+    var getElement = React.useCallback(function () { return childRef.current && childRef.current.element
+        ? childRef.current.element
+        : childRef.current; }, [childRef]);
+    React.useImperativeHandle(target, function () { return ({ element: getElement() || undefined }); });
+    React.useImperativeHandle(ref, function () { return target.current; });
+    React.useImperativeHandle(props.childRef, function () { return childRef.current; });
+    var handleDragEnter = React.useCallback(function (event) {
+        if (!props.onDragEnter) {
+            return;
+        }
+        props.onDragEnter({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [props.onDragEnter, getElement]);
+    var handleDragOver = React.useCallback(function (event) {
+        if (!props.onDragOver) {
+            return;
+        }
+        props.onDragOver({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [getElement, props.onDragOver]);
+    var handleDragLeave = React.useCallback(function (event) {
+        if (!props.onDragLeave) {
+            return;
+        }
+        props.onDragLeave({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [props.onDragLeave, getElement]);
+    var handleDrop = React.useCallback(function (event) {
+        if (!props.onDrop) {
+            return;
+        }
+        props.onDrop({
+            element: getElement(),
+            target: target.current,
+            event: event
+        });
+    }, [props.onDrop, getElement]);
+    useDroppable(childRef, {
+        onDragEnter: handleDragEnter,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop
+    });
+    return props.children
+        ? (React.cloneElement(React.Children.only(props.children), { ref: childRef }))
+        : null;
+});
+Droppable.displayName = 'KendoReactDroppable';

package/dist/es/drag-n-drop/context/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { DragTarget, DropTarget } from '@progress/kendo-draggable-common';
+/**
+ * @hidden
+ */
+export declare const DragContext: React.Context<[React.RefObject<DragTarget>, (value: React.RefObject<DragTarget>, args?: any) => void]>;
+/**
+ * @hidden
+ */
+export declare const DropContext: React.Context<[React.RefObject<DropTarget>, (value: React.RefObject<DropTarget>, args?: any) => void]>;
+/**
+ * @hidden
+ */
+export declare const DragsContext: React.Context<[React.RefObject<DragTarget>[], Function, Function]>;
+/**
+ * @hidden
+ */
+export declare const DropsContext: React.Context<[React.RefObject<DropTarget>[], Function, Function]>;