, or turn it into a ")+"drag source or a drop target itself.")}}(s);var l=n?function(t){return e(t,n)}:e;return function(e,t){var n=e.ref;return(0,o.k)("string"!==typeof n,"Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a
or . Read more: https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"),n?(0,r.cloneElement)(e,{ref:function(e){i(n,e),i(t,e)}}):(0,r.cloneElement)(e,{ref:t})}(s,l)}}function s(e){var t={};return Object.keys(e).forEach((function(n){var r=e[n];if(n.endsWith("Ref"))t[n]=e[n];else{var o=a(r);t[n]=function(){return o}}})),t}},44917:function(e,t,n){"use strict";n.d(t,{r:function(){return m}});var r=n(72791),o=n(62702),i=n(62110),a=n.n(i),s=n(5204),l=n(50739),u=n(55524),c=n(25991);function d(e){return d="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function f(e,t){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:{};return(0,c.U9)("DragLayer","collect[, options]",e,t),(0,s.k)("function"===typeof e,'Expected "collect" provided as the first argument to DragLayer to be a function that collects props to inject into the component. ',"Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-layer",e),(0,s.k)((0,u.PO)(t),'Expected "options" provided as the second argument to DragLayer to be a plain object when specified. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-layer',t),function(n){var i=n,u=t.arePropsEqual,v=void 0===u?o.w:u,m=i.displayName||i.name||"Component",g=function(){var t=function(t){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}(y,t);var n,a,u,g=h(y);function y(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,y),(e=g.apply(this,arguments)).isCurrentlyMounted=!1,e.ref=r.createRef(),e.handleChange=function(){if(e.isCurrentlyMounted){var t=e.getCurrentState();(0,o.w)(t,e.state)||e.setState(t)}},e}return n=y,(a=[{key:"getDecoratedComponentInstance",value:function(){return(0,s.k)(this.ref.current,"In order to access an instance of the decorated component, it must either be a class component or use React.forwardRef()"),this.ref.current}},{key:"shouldComponentUpdate",value:function(e,t){return!v(e,this.props)||!(0,o.w)(t,this.state)}},{key:"componentDidMount",value:function(){this.isCurrentlyMounted=!0,this.handleChange()}},{key:"componentWillUnmount",value:function(){this.isCurrentlyMounted=!1,this.unsubscribeFromOffsetChange&&(this.unsubscribeFromOffsetChange(),this.unsubscribeFromOffsetChange=void 0),this.unsubscribeFromStateChange&&(this.unsubscribeFromStateChange(),this.unsubscribeFromStateChange=void 0)}},{key:"render",value:function(){var e=this;return r.createElement(l.L.Consumer,null,(function(t){var n=t.dragDropManager;return void 0===n?null:(e.receiveDragDropManager(n),e.isCurrentlyMounted?r.createElement(i,Object.assign({},e.props,e.state,{ref:(0,c.J7)(i)?e.ref:null})):null)}))}},{key:"receiveDragDropManager",value:function(e){if(void 0===this.manager){this.manager=e,(0,s.k)("object"===d(e),"Could not find the drag and drop manager in the context of %s. Make sure to render a DndProvider component in your top-level component. Read more: http://react-dnd.github.io/react-dnd/docs/troubleshooting#could-not-find-the-drag-and-drop-manager-in-the-context",m,m);var t=this.manager.getMonitor();this.unsubscribeFromOffsetChange=t.subscribeToOffsetChange(this.handleChange),this.unsubscribeFromStateChange=t.subscribeToStateChange(this.handleChange)}}},{key:"getCurrentState",value:function(){if(!this.manager)return{};var t=this.manager.getMonitor();return e(t,this.props)}}])&&f(n.prototype,a),u&&f(n,u),y}(r.Component);return t.displayName="DragLayer(".concat(m,")"),t.DecoratedComponent=n,t}();return a()(g,n)}}},5272:function(e,t,n){"use strict";n.d(t,{E:function(){return v}});var r=n(5204),o=n(55524),i=n(25991),a=n(11402),s=n(64472),l=n(54130),u=n(31575),c=n(56305);function d(e,t){for(var n=0;n3&&void 0!==arguments[3]?arguments[3]:{};(0,i.U9)("DragSource","type, spec, collect[, options]",e,t,n,d);var v=e;"function"!==typeof e&&((0,r.k)((0,c.m)(e),'Expected "type" provided as the first argument to DragSource to be a string, or a function that returns a string given the current props. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source',e),v=function(){return e}),(0,r.k)((0,o.PO)(t),'Expected "spec" provided as the second argument to DragSource to be a plain object. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source',t);var m=function(e){return Object.keys(e).forEach((function(t){(0,r.k)(f.indexOf(t)>-1,'Expected the drag source specification to only have some of the following keys: %s. Instead received a specification with an unexpected "%s" key. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source',f.join(", "),t),(0,r.k)("function"===typeof e[t],"Expected %s in the drag source specification to be a function. Instead received a specification with %s: %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source",t,t,e[t])})),p.forEach((function(t){(0,r.k)("function"===typeof e[t],"Expected %s in the drag source specification to be a function. Instead received a specification with %s: %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source",t,t,e[t])})),function(t,n){return new h(e,t,n)}}(t);return(0,r.k)("function"===typeof n,'Expected "collect" provided as the third argument to DragSource to be a function that returns a plain object of props to inject. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source',n),(0,r.k)((0,o.PO)(d),'Expected "options" provided as the fourth argument to DragSource to be a plain object when specified. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source',n),function(e){return(0,a.K)({containerDisplayName:"DragSource",createHandler:m,registerHandler:s.w,createConnector:function(e){return new u.x(e)},createMonitor:function(e){return new l.p(e)},DecoratedComponent:e,getType:v,collect:n,options:d})}}},79271:function(e,t,n){"use strict";n.d(t,{G:function(){return h}});var r=n(5204),o=n(55524),i=n(64472),a=n(56305),s=n(81274),l=n(94231),u=n(25991),c=n(11402);function d(e,t){for(var n=0;n3&&void 0!==arguments[3]?arguments[3]:{};(0,u.U9)("DropTarget","type, spec, collect[, options]",e,t,n,d);var h=e;"function"!==typeof e&&((0,r.k)((0,a.m)(e,!0),'Expected "type" provided as the first argument to DropTarget to be a string, an array of strings, or a function that returns either given the current props. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target',e),h=function(){return e}),(0,r.k)((0,o.PO)(t),'Expected "spec" provided as the second argument to DropTarget to be a plain object. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target',t);var v=function(e){return Object.keys(e).forEach((function(t){(0,r.k)(f.indexOf(t)>-1,'Expected the drop target specification to only have some of the following keys: %s. Instead received a specification with an unexpected "%s" key. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target',f.join(", "),t),(0,r.k)("function"===typeof e[t],"Expected %s in the drop target specification to be a function. Instead received a specification with %s: %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target",t,t,e[t])})),function(t,n){return new p(e,t,n)}}(t);return(0,r.k)("function"===typeof n,'Expected "collect" provided as the third argument to DropTarget to be a function that returns a plain object of props to inject. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target',n),(0,r.k)((0,o.PO)(d),'Expected "options" provided as the fourth argument to DropTarget to be a plain object when specified. Instead, received %s. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target',n),function(e){return(0,c.K)({containerDisplayName:"DropTarget",createHandler:v,registerHandler:i.n,createMonitor:function(e){return new l.H(e)},createConnector:function(e){return new s.Y(e)},DecoratedComponent:e,getType:h,collect:n,options:d})}}},11402:function(e,t,n){"use strict";n.d(t,{K:function(){return k}});var r=n(72791),o=n(62702),i=n(5204),a=n(62110),s=n.n(a),l=n(50739),u=n(55524);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n