@progress/kendo-react-common 2.7.0-dev.201902260733 → 2.7.1

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")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.KendoReactCommon=t(require("react"),require("prop-types")):e.KendoReactCommon=t(e.React,e.PropTypes)}(window,function(e,t){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=1)}([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.classNames=r.classNames;var o=n(2);t.guid=o.guid;var u=n(3);t.Keys=u.Keys;var i=n(4);t.noop=i.noop;var a=n(5);t.FormComponent=a.FormComponent;var s=n(6);t.FloatingLabel=s.default;var c=n(9);t.dispatchEvent=c.default;var l=n(10);t.isServerRendering=l.isServerRendering},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 r=function(){return function(){}}();t.FormComponent=r},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=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])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var u=n(7),i=n(8),a=n(0),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={focused:!1},t.handleFocus=function(e){t.setState({focused:!0})},t.handleBlur=function(e){t.setState({focused:!1})},t}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.label,n=e.id,r=e.className,o=e.value,i=e.placeholder,s=e.valid,c=e.style,l=a.classNames({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(o||i),"k-state-invalid":!s&&void 0!==s},r);return u.createElement("span",{className:l,onFocus:this.handleFocus,onBlur:this.handleBlur,style:c},this.props.children,t?n?u.createElement("label",{htmlFor:n,className:"k-label"},t):u.createElement("span",{className:"k-label"},t):null)},t.propTypes={label:i.string,id:i.string,value:i.string,placeholder:i.string,valid:i.bool},t}(u.Component);t.default=s},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.default=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";Object.defineProperty(t,"__esModule",{value:!0});t.isServerRendering=function(){return"undefined"==typeof window}}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.KendoReactCommon=t(require("react"),require("prop-types")):e.KendoReactCommon=t(e.React,e.PropTypes)}(window,function(e,t){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=3)}([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(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.classNames=o.classNames;var r=n(4);t.guid=r.guid;var i=n(5);t.Keys=i.Keys;var u=n(6);t.noop=u.noop;var s=n(7);t.FormComponent=s.FormComponent;var c=n(8);t.FloatingLabel=c.default;var a=n(9);t.dispatchEvent=a.default;var l=n(10);t.isServerRendering=l.isServerRendering;var p=n(11);t.Draggable=p.Draggable},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=function(){return function(){}}();t.FormComponent=o},function(e,t,n){"use strict";var o,r=this&&this.__extends||(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])},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(1),u=n(2),s=n(0),c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={focused:!1},t.handleFocus=function(e){t.setState({focused:!0})},t.handleBlur=function(e){t.setState({focused:!1})},t}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.label,n=e.id,o=e.className,r=e.value,u=e.placeholder,c=e.valid,a=e.style,l=s.classNames({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(r||u),"k-state-invalid":!c&&void 0!==c},o);return i.createElement("span",{className:l,onFocus:this.handleFocus,onBlur:this.handleBlur,style:a},this.props.children,t?n?i.createElement("label",{htmlFor:n,className:"k-label"},t):i.createElement("span",{className:"k-label"},t):null)},t.propTypes={label:u.string,id:u.string,value:u.string,placeholder:u.string,valid:u.bool},t}(i.Component);t.default=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=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";Object.defineProperty(t,"__esModule",{value:!0});t.isServerRendering=function(){return"undefined"==typeof window}},function(e,t,n){"use strict";var o,r=this&&this.__extends||(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])},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(1),u=n(2),s=n(12),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}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(){var e=this;return i.cloneElement(i.Children.only(this.props.children),{ref:function(t){return e.element=t}})},t.propTypes={children:u.element.isRequired},t}(i.PureComponent);t.Draggable=c},function(e,t,n){"use strict";n.r(t),n.d(t,"Draggable",function(){return l});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.removeEventListener&&e.removeEventListener(t,n)},u=function(){},s=function(e){return e.preventDefault()},c=/touch/;function a(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 l=function(e){var t=this,n=e.press;void 0===n&&(n=u);var c=e.drag;void 0===c&&(c=u);var l=e.release;void 0===l&&(l=u);var p=e.mouseOnly;void 0===p&&(p=!1),this._pressHandler=o(a,n),this._dragHandler=o(a,c),this._releaseHandler=o(a,l),this._ignoreMouse=!1,this._mouseOnly=p,this._touchAction,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(document,"mousemove",t._mousemove),r(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){i(document,"mousemove",t._mousemove),i(document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(r(t._element,"pointermove",t._pointermove),r(t._element,"pointerup",t._pointerup),r(t._element,"contextmenu",s),t._touchAction=e.target.style.touchAction,e.target.style.touchAction="none",e.target.setPointerCapture(e.pointerId),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(i(t._element,"pointermove",t._pointermove),i(t._element,"pointerup",t._pointerup),i(t._element,"contextmenu",s),e.target.style.touchAction=t._touchAction,e.target.releasePointerCapture(e.pointerId),t._releaseHandler(e))}};l.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},l.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},l.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)))},l.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return i(e,"pointerdown",this._pointerdown),i(e,"pointermove",this._pointermove),void i(e,"pointerup",this._pointerup);i(e,"mousedown",this._mousedown),this._mouseOnly||(i(e,"touchstart",this._touchstart),i(e,"touchmove",this._touchmove),i(e,"touchend",this._touchend))},l.prototype._usePointers=function(){return!this._mouseOnly&&l.supportPointerEvent()},l.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},l.default=l,t.default=l}])});

package/dist/es/Draggable.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+/**
+ * @hidden
+ */
+export interface BaseDraggableEvent<T extends React.Component> {
+    target: T;
+}
+/**
+ * @hidden
+ */
+export interface DraggablePressEvent extends BaseDraggableEvent<Draggable> {
+    event: any;
+    element: HTMLElement;
+}
+/**
+ * @hidden
+ */
+export interface DraggableDragEvent extends BaseDraggableEvent<Draggable> {
+    event: any;
+    element: HTMLElement;
+}
+/**
+ * @hidden
+ */
+export interface DraggableReleaseEvent extends BaseDraggableEvent<Draggable> {
+    event: any;
+}
+/**
+ * @hidden
+ */
+export interface DraggableProps {
+    onPress?: (event: DraggablePressEvent) => void;
+    onDrag?: (event: DraggableDragEvent) => void;
+    onRelease?: (event: DraggableReleaseEvent) => void;
+}
+/**
+ * @hidden
+ */
+export declare class Draggable extends React.PureComponent<DraggableProps, {}> {
+    static propTypes: {
+        children: PropTypes.Validator<any>;
+    };
+    /**
+     * @hidden
+     */
+    element: HTMLElement | null;
+    private draggable;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement<any>;
+}

package/dist/es/Draggable.js

@@ -0,0 +1,75 @@
+var __extends = (this && this.__extends) || (function () {
+    var 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 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';
+/**
+ * @hidden
+ */
+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
+                    });
+                }
+            }
+        });
+        return _this;
+    }
+    Draggable.prototype.componentDidMount = function () {
+        if (this.element) {
+            this.draggable.bindTo(this.element);
+        }
+    };
+    Draggable.prototype.componentWillUnmount = function () {
+        this.draggable.destroy();
+    };
+    Draggable.prototype.render = function () {
+        var _this = this;
+        return (React.cloneElement(React.Children.only(this.props.children), {
+            ref: function (element) { return _this.element = element; }
+        }));
+    };
+    Draggable.propTypes = {
+        children: PropTypes.element.isRequired
+    };
+    return Draggable;
+}(React.PureComponent));
+export { Draggable };
+//# sourceMappingURL=Draggable.js.map

package/dist/es/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.js","sourceRoot":"","sources":["../../src/Draggable.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,SAAS,MAAM,YAAY,CAAC;AAExC,OAAO,cAAc,MAAM,0BAA0B,CAAC;AAyCtD;;GAEG;AACH;IAA+B,6BAAuC;IAAtE;QAAA,qEAsDC;QAjDG;;WAEG;QACI,aAAO,GAAuB,IAAI,CAAC;QAClC,eAAS,GAAG,IAAI,cAAc,CAAC;YACnC,KAAK,EAAE,UAAC,KAAK;gBACT,IAAI,KAAI,CAAC,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBACpC,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;wBAC/B,MAAM,EAAE,KAAI;wBACZ,KAAK,OAAA;wBACL,OAAO,EAAE,KAAI,CAAC,OAAO;qBACxB,CAAC,CAAC;iBACN;YACL,CAAC;YACD,IAAI,EAAE,UAAC,KAAK;gBACR,IAAI,KAAI,CAAC,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE;oBACnC,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;wBAC9B,MAAM,EAAE,KAAI;wBACZ,KAAK,OAAA;wBACL,OAAO,EAAE,KAAI,CAAC,OAAO;qBACxB,CAAC,CAAC;iBACN;YACL,CAAC;YACD,OAAO,EAAE,UAAC,KAAK;gBACX,IAAI,KAAI,CAAC,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,SAAS,EAAE;oBACtC,KAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE;wBACjC,MAAM,EAAE,KAAI;wBACZ,KAAK,OAAA;qBACR,CAAC,CAAC;iBACN;YACL,CAAC;SACJ,CAAC,CAAC;;IAkBP,CAAC;IAhBG,qCAAiB,GAAjB;QACI,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACvC;IACL,CAAC;IAED,wCAAoB,GAApB;QACI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;IAED,0BAAM,GAAN;QAAA,iBAIC;QAHG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,GAAG,EAAE,UAAA,OAAO,IAAI,OAAA,KAAI,CAAC,OAAO,GAAG,OAAO,EAAtB,CAAsB;SACzC,CAAC,CAAC,CAAC;IACR,CAAC;IAnDM,mBAAS,GAAG;QACf,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,UAAU;KACzC,CAAC;IAmDN,gBAAC;CAAA,AAtDD,CAA+B,KAAK,CAAC,aAAa,GAsDjD;SAtDY,SAAS"}

package/dist/es/main.d.ts

@@ -7,4 +7,5 @@ import FloatingLabel from './FloatingLabel';
 import { BaseEvent } from './events/BaseEvent';
 import dispatchEvent from './events/dispatchEvent';
 import { isServerRendering } from './serverRendering';
-export { classNames, guid, Keys, noop, FloatingLabel, FormComponent, FormComponentProps, FormComponentValidity, BaseEvent, dispatchEvent, isServerRendering };
+import { Draggable, DraggablePressEvent, DraggableDragEvent, DraggableReleaseEvent } from './Draggable';
+export { classNames, guid, Keys, noop, FloatingLabel, FormComponent, FormComponentProps, FormComponentValidity, BaseEvent, dispatchEvent, isServerRendering, Draggable, DraggablePressEvent, DraggableDragEvent, DraggableReleaseEvent };

package/dist/es/main.js

@@ -6,5 +6,6 @@ import { FormComponent } from './FormComponent';
 import FloatingLabel from './FloatingLabel';
 import dispatchEvent from './events/dispatchEvent';
 import { isServerRendering } from './serverRendering';
-export { classNames, guid, Keys, noop, FloatingLabel, FormComponent, dispatchEvent, isServerRendering };
+import { Draggable } from './Draggable';
+export { classNames, guid, Keys, noop, FloatingLabel, FormComponent, dispatchEvent, isServerRendering, Draggable };
 //# sourceMappingURL=main.js.map

package/dist/es/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAA6C,MAAM,iBAAiB,CAAC;AAC3F,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EACH,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,aAAa,EAIb,aAAa,EACb,iBAAiB,EACpB,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAA6C,MAAM,iBAAiB,CAAC;AAC3F,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAkE,MAAM,aAAa,CAAC;AAExG,OAAO,EACH,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,aAAa,EAIb,aAAa,EACb,iBAAiB,EACjB,SAAS,EAIZ,CAAC"}

package/dist/npm/Draggable.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+/**
+ * @hidden
+ */
+export interface BaseDraggableEvent<T extends React.Component> {
+    target: T;
+}
+/**
+ * @hidden
+ */
+export interface DraggablePressEvent extends BaseDraggableEvent<Draggable> {
+    event: any;
+    element: HTMLElement;
+}
+/**
+ * @hidden
+ */
+export interface DraggableDragEvent extends BaseDraggableEvent<Draggable> {
+    event: any;
+    element: HTMLElement;
+}
+/**
+ * @hidden
+ */
+export interface DraggableReleaseEvent extends BaseDraggableEvent<Draggable> {
+    event: any;
+}
+/**
+ * @hidden
+ */
+export interface DraggableProps {
+    onPress?: (event: DraggablePressEvent) => void;
+    onDrag?: (event: DraggableDragEvent) => void;
+    onRelease?: (event: DraggableReleaseEvent) => void;
+}
+/**
+ * @hidden
+ */
+export declare class Draggable extends React.PureComponent<DraggableProps, {}> {
+    static propTypes: {
+        children: PropTypes.Validator<any>;
+    };
+    /**
+     * @hidden
+     */
+    element: HTMLElement | null;
+    private draggable;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement<any>;
+}

package/dist/npm/Draggable.js

@@ -0,0 +1,77 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var 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 function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var PropTypes = require("prop-types");
+var kendo_draggable_1 = require("@telerik/kendo-draggable");
+/**
+ * @hidden
+ */
+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 kendo_draggable_1.default({
+            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
+                    });
+                }
+            }
+        });
+        return _this;
+    }
+    Draggable.prototype.componentDidMount = function () {
+        if (this.element) {
+            this.draggable.bindTo(this.element);
+        }
+    };
+    Draggable.prototype.componentWillUnmount = function () {
+        this.draggable.destroy();
+    };
+    Draggable.prototype.render = function () {
+        var _this = this;
+        return (React.cloneElement(React.Children.only(this.props.children), {
+            ref: function (element) { return _this.element = element; }
+        }));
+    };
+    Draggable.propTypes = {
+        children: PropTypes.element.isRequired
+    };
+    return Draggable;
+}(React.PureComponent));
+exports.Draggable = Draggable;
+//# sourceMappingURL=Draggable.js.map

package/dist/npm/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.js","sourceRoot":"","sources":["../../src/Draggable.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA+B;AAC/B,sCAAwC;AAExC,4DAAsD;AAyCtD;;GAEG;AACH;IAA+B,6BAAuC;IAAtE;QAAA,qEAsDC;QAjDG;;WAEG;QACI,aAAO,GAAuB,IAAI,CAAC;QAClC,eAAS,GAAG,IAAI,yBAAc,CAAC;YACnC,KAAK,EAAE,UAAC,KAAK;gBACT,IAAI,KAAI,CAAC,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBACpC,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;wBAC/B,MAAM,EAAE,KAAI;wBACZ,KAAK,OAAA;wBACL,OAAO,EAAE,KAAI,CAAC,OAAO;qBACxB,CAAC,CAAC;iBACN;YACL,CAAC;YACD,IAAI,EAAE,UAAC,KAAK;gBACR,IAAI,KAAI,CAAC,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE;oBACnC,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;wBAC9B,MAAM,EAAE,KAAI;wBACZ,KAAK,OAAA;wBACL,OAAO,EAAE,KAAI,CAAC,OAAO;qBACxB,CAAC,CAAC;iBACN;YACL,CAAC;YACD,OAAO,EAAE,UAAC,KAAK;gBACX,IAAI,KAAI,CAAC,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,SAAS,EAAE;oBACtC,KAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE;wBACjC,MAAM,EAAE,KAAI;wBACZ,KAAK,OAAA;qBACR,CAAC,CAAC;iBACN;YACL,CAAC;SACJ,CAAC,CAAC;;IAkBP,CAAC;IAhBG,qCAAiB,GAAjB;QACI,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACvC;IACL,CAAC;IAED,wCAAoB,GAApB;QACI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;IAED,0BAAM,GAAN;QAAA,iBAIC;QAHG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,GAAG,EAAE,UAAA,OAAO,IAAI,OAAA,KAAI,CAAC,OAAO,GAAG,OAAO,EAAtB,CAAsB;SACzC,CAAC,CAAC,CAAC;IACR,CAAC;IAnDM,mBAAS,GAAG;QACf,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,UAAU;KACzC,CAAC;IAmDN,gBAAC;CAAA,AAtDD,CAA+B,KAAK,CAAC,aAAa,GAsDjD;AAtDY,8BAAS"}

package/dist/npm/main.d.ts

@@ -7,4 +7,5 @@ import FloatingLabel from './FloatingLabel';
 import { BaseEvent } from './events/BaseEvent';
 import dispatchEvent from './events/dispatchEvent';
 import { isServerRendering } from './serverRendering';
-export { classNames, guid, Keys, noop, FloatingLabel, FormComponent, FormComponentProps, FormComponentValidity, BaseEvent, dispatchEvent, isServerRendering };
+import { Draggable, DraggablePressEvent, DraggableDragEvent, DraggableReleaseEvent } from './Draggable';
+export { classNames, guid, Keys, noop, FloatingLabel, FormComponent, FormComponentProps, FormComponentValidity, BaseEvent, dispatchEvent, isServerRendering, Draggable, DraggablePressEvent, DraggableDragEvent, DraggableReleaseEvent };

package/dist/npm/main.js

@@ -16,4 +16,6 @@ var dispatchEvent_1 = require("./events/dispatchEvent");
 exports.dispatchEvent = dispatchEvent_1.default;
 var serverRendering_1 = require("./serverRendering");
 exports.isServerRendering = serverRendering_1.isServerRendering;
+var Draggable_1 = require("./Draggable");
+exports.Draggable = Draggable_1.Draggable;
 //# sourceMappingURL=main.js.map

package/dist/npm/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":";;AAAA,2CAA0C;AAWtC,qBAXK,uBAAU,CAWL;AAVd,+BAA8B;AAW1B,eAXK,WAAI,CAWL;AAVR,+BAA8B;AAW1B,eAXK,WAAI,CAWL;AAVR,+BAA8B;AAW1B,eAXK,WAAI,CAWL;AAVR,iDAA2F;AAYvF,wBAZK,6BAAa,CAYL;AAXjB,iDAA4C;AAUxC,wBAVG,uBAAa,CAUH;AARjB,wDAAmD;AAa/C,wBAbG,uBAAa,CAaH;AAZjB,qDAAsD;AAalD,4BAbK,mCAAiB,CAaL"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":";;AAAA,2CAA0C;AAYtC,qBAZK,uBAAU,CAYL;AAXd,+BAA8B;AAY1B,eAZK,WAAI,CAYL;AAXR,+BAA8B;AAY1B,eAZK,WAAI,CAYL;AAXR,+BAA8B;AAY1B,eAZK,WAAI,CAYL;AAXR,iDAA2F;AAavF,wBAbK,6BAAa,CAaL;AAZjB,iDAA4C;AAWxC,wBAXG,uBAAa,CAWH;AATjB,wDAAmD;AAc/C,wBAdG,uBAAa,CAcH;AAbjB,qDAAsD;AAclD,4BAdK,mCAAiB,CAcL;AAbrB,yCAAwG;AAcpG,oBAdK,qBAAS,CAcL"}

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

@@ -1 +1 @@
-System.register("@progress/kendo-react-common",["react","prop-types"],function(f){var n,r;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){r=t(e)}],execute:function(){!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=1)}([function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.classNames=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return!0!==e&&!!e}).map(function(n){return Array.isArray(n)?r.classNames.apply(void 0,n):"object"==typeof n?Object.keys(n).map(function(e,t){return n[t]||n[e]&&e||null}).filter(function(e){return null!==e}).join(" "):n}).filter(function(e){return!!e}).join(" ")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.classNames=r.classNames;var o=n(2);t.guid=o.guid;var u=n(3);t.Keys=u.Keys;var i=n(4);t.noop=i.noop;var a=n(5);t.FormComponent=a.FormComponent;var s=n(6);t.FloatingLabel=s.default;var c=n(9);t.dispatchEvent=c.default;var l=n(10);t.isServerRendering=l.isServerRendering,function(e){for(var t in e)f(t,e[t])}(t)},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 r=function(){};t.FormComponent=r},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=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])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var c=n(7),u=n(8),l=n(0),i=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={focused:!1},t.handleFocus=function(e){t.setState({focused:!0})},t.handleBlur=function(e){t.setState({focused:!1})},t}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.label,n=e.id,r=e.className,o=e.value,u=e.placeholder,i=e.valid,a=e.style,s=l.classNames({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(o||u),"k-state-invalid":!i&&void 0!==i},r);return c.createElement("span",{className:s,onFocus:this.handleFocus,onBlur:this.handleBlur,style:a},this.props.children,t?n?c.createElement("label",{htmlFor:n,className:"k-label"},t):c.createElement("span",{className:"k-label"},t):null)},t.propTypes={label:u.string,id:u.string,value:u.string,placeholder:u.string,valid:u.bool},t}(c.Component);t.default=i},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=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";Object.defineProperty(t,"__esModule",{value:!0}),t.isServerRendering=function(){return"undefined"==typeof window}}])}}});
+System.register("@progress/kendo-react-common",["@telerik/kendo-draggable","react","prop-types"],function(p){var n,r,o;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){r=t(e)},function(e){o=t(e)}],execute:function(){!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=3)}([function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.classNames=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return!0!==e&&!!e}).map(function(n){return Array.isArray(n)?r.classNames.apply(void 0,n):"object"==typeof n?Object.keys(n).map(function(e,t){return n[t]||n[e]&&e||null}).filter(function(e){return null!==e}).join(" "):n}).filter(function(e){return!!e}).join(" ")}},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.classNames=r.classNames;var o=n(4);t.guid=o.guid;var i=n(5);t.Keys=i.Keys;var u=n(6);t.noop=u.noop;var a=n(7);t.FormComponent=a.FormComponent;var s=n(8);t.FloatingLabel=s.default;var l=n(9);t.dispatchEvent=l.default;var c=n(10);t.isServerRendering=c.isServerRendering;var f=n(11);t.Draggable=f.Draggable,function(e){for(var t in e)p(t,e[t])}(t)},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 r=function(){};t.FormComponent=r},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=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])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),i=n(2),c=n(0),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={focused:!1},t.handleFocus=function(e){t.setState({focused:!0})},t.handleBlur=function(e){t.setState({focused:!1})},t}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.label,n=e.id,r=e.className,o=e.value,i=e.placeholder,u=e.valid,a=e.style,s=c.classNames({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(o||i),"k-state-invalid":!u&&void 0!==u},r);return l.createElement("span",{className:s,onFocus:this.handleFocus,onBlur:this.handleBlur,style:a},this.props.children,t?n?l.createElement("label",{htmlFor:n,className:"k-label"},t):l.createElement("span",{className:"k-label"},t):null)},t.propTypes={label:i.string,id:i.string,value:i.string,placeholder:i.string,valid:i.bool},t}(l.Component);t.default=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=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";Object.defineProperty(t,"__esModule",{value:!0}),t.isServerRendering=function(){return"undefined"==typeof window}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=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])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),u=n(2),a=n(12),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.element=null,t.draggable=new a.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}return o(t,e),t.prototype.componentDidMount=function(){this.element&&this.draggable.bindTo(this.element)},t.prototype.componentWillUnmount=function(){this.draggable.destroy()},t.prototype.render=function(){var t=this;return i.cloneElement(i.Children.only(this.props.children),{ref:function(e){return t.element=e}})},t.propTypes={children:u.element.isRequired},t}(i.PureComponent);t.Draggable=s},function(e,t){e.exports=n}])}}});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-react-common",
   "description": "KendoReact Common Utilities package",
-  "version": "2.7.0-dev.201902260733",
+  "version": "2.7.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-react.git"
@@ -27,10 +27,11 @@
     "framework": "KendoReact"
   },
   "peerDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^16.8.2",
+    "react-dom": "^16.8.2"
   },
   "dependencies": {
+    "@telerik/kendo-draggable": "1.9.0",
     "prop-types": "^15.6.0"
   },
   "author": "Progress",