\n );\n }\n}\n\nPrintModal.propTypes = {\n dismissPrintModal: PropTypes.func.isRequired,\n printUrl: PropTypes.string.isRequired,\n statusUrl: PropTypes.string.isRequired\n};\n\nexport default PrintModal;","import PropTypes from 'prop-types'\n\nimport ResolutionSelector from './ResolutionSelector'\nimport TransitionSelector from './TransitionSelector'\n\n// const RESOLUTION_TYPES = ['freefloating'];\nconst RESOLUTION_DIRECTIONS = ['down', 'lateral', 'up'];\nconst TRANSITION_ICONS = [\n {icon:'break', description:'The following scene shifts not only to another time and/or place, but also to a new or different plot thread.'},\n {icon:'continuation', description:'The following scene shows the focus character from the previous scene still pursuing that scene’s goal.'},\n {icon:'flashback', description:'The following scene takes place at an earlier time than the previous scene.'},\n {icon:'flash-forward', description:'The following scene departs from the story’s main timeline to a moment in its future.'},\n {icon:'meanwhile', description:'The following scene happens simultaneously with, or immediately after, the previous scene, but its action is not a consequence or continuation of the previous scene.'},\n {icon:'outgrowth', description:'The following scene has a new goal that is a direct consequence of the previous scene.'},\n {icon:'return', description:'Concludes a Flashback scene, resuming the previously established timeline.'},\n {icon:'rhyme', description:'A Break transition that unites the following and previous scenes by some common sensory cue.'},\n {icon:'turn', description:'The following scene shows the focus character from the previous scene pursuing a new goal.'},\n {icon:'viewpoint', description:'The following scene centers on a new focus or viewpoint character for the first time.'}\n];\n\nclass BeatConfigurationModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n description: (this.props.mode === 'add' ? '' : this.props.beat.description),\n resolutions: (this.props.beat.resolutions || []).concat(),\n transition: (this.props.beat.transition)\n };\n\n this.getTitle = this.getTitle.bind(this);\n this.getResolutionSelected = this.getResolutionSelected.bind(this);\n this.descriptionChanged = this.descriptionChanged.bind(this);\n this.setResolutionSelected = this.setResolutionSelected.bind(this);\n this.setTransitionSelected = this.setTransitionSelected.bind(this);\n this.saveChanges = this.saveChanges.bind(this);\n this.cancel = this.cancel.bind(this);\n this.renderDeleteButton = this.renderDeleteButton.bind(this);\n }\n\n getTitle() {\n if (this.props.mode === 'add') {\n return `New ${_.capitalize(this.props.beat.type)} Beat`;\n } else {\n return `Editing ${_.capitalize(this.props.beat.type)} Beat`;\n }\n }\n\n getResolutionSelected(direction) {\n const beat = _.find(this.state.resolutions, (resolution) => {\n return (resolution.direction === direction);\n });\n\n return (beat !== undefined);\n }\n\n descriptionChanged(event) {\n this.setState({ description: event.target.value });\n }\n\n setResolutionSelected(direction, selected) {\n if (selected) {\n if (this.getResolutionSelected(direction)) {\n return;\n }\n\n this.setState({\n resolutions: this.state.resolutions.concat({\n direction: direction\n })\n });\n } else {\n this.setState({\n resolutions: _.reject(this.state.resolutions, (resolution) => {\n return (resolution.direction === direction);\n })\n });\n }\n }\n\n setTransitionSelected(icon, selected) {\n if (selected) {\n this.setState({ transition: icon });\n } else {\n this.setState({ transition: '' });\n }\n }\n\n cancel() {\n if (this.props.mode === 'add') {\n this.props.removeBeat(this.props.beat.id);\n }\n\n this.props.dismissBeatConfiguration();\n }\n\n saveChanges() {\n this.props.updateBeat(this.props.beat.id, {\n description: this.state.description,\n resolutions: this.state.resolutions,\n transition: this.state.transition,\n _pending: false\n });\n\n this.props.dismissBeatConfiguration();\n }\n\n renderResolutions() {\n const resolutions = Array.prototype.concat.apply([],\n RESOLUTION_DIRECTIONS.map((direction) => {\n const selected = this.getResolutionSelected(direction);\n\n return (\n \n );\n })\n );\n\n return
\n );\n }\n}\n\nTransitionSelector.propTypes = {\n icon: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n isSelected: PropTypes.bool,\n setSelected: PropTypes.func.isRequired,\n};\n\nexport default TransitionSelector;","/**\n * Copyright 2015, Yahoo Inc.\n * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.\n */\n\nimport PropTypes from 'prop-types'\nimport { DragLayer } from 'react-dnd'\n\nimport { _Beat } from './Beat'\n\nfunction collect (monitor) {\n var item = monitor.getItem();\n return {\n id: item && item.id,\n name: item && item.name,\n currentOffset: monitor.getSourceClientOffset(),\n isDragging: monitor.isDragging()\n };\n}\n\nfunction getItemStyles (currentOffset) {\n if (!currentOffset) {\n return {\n display: 'none'\n };\n }\n\n // http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/\n var x = currentOffset.x;\n var y = currentOffset.y;\n\n return {\n pointerEvents: 'none',\n top: `${y}px`,\n left: `${x}px`,\n };\n}\n\nfunction _BeatDragPreview ({\n id,\n name,\n isDragging,\n currentOffset,\n findBeat,\n scaleFactor\n}) {\n if (!isDragging) {\n return ;\n }\n\n const { beat, index } = findBeat(id);\n const beatProps = Object.assign({}, beat, { index: index, title: (index + 1).toString(), editable: false, scaleFactor: scaleFactor });\n\n return (\n \n <_Beat\n findBeat={findBeat}\n selectBeat={() => {}}\n editBeat={() => {}}\n moveBeat={() => {}}\n connectDragSource={() => {}}\n isDragging={false}\n y={0}\n {...beatProps}\n />\n \n );\n}\n\n_BeatDragPreview.propTypes = {\n id: PropTypes.string,\n name: PropTypes.string,\n currentOffset: PropTypes.shape({\n x: PropTypes.number,\n y: PropTypes.number\n }),\n isDragging: PropTypes.bool,\n findBeat: PropTypes.func,\n scaleFactor: PropTypes.number\n};\n\n// export default DragLayer(collect)(ItemPreview);\nwindow.BeatDragPreview = DragLayer(collect)(_BeatDragPreview);\n\nexport default BeatDragPreview;","import PropTypes from 'prop-types'\n\nconst BEAT_TYPES = [\n {'name': 'anticipation', 'description': 'An expectation of coming procedural success is created.'},\n {'name': 'bringdown', 'description': 'An unpleasant emotional moment, tangential to the narrative.'},\n {'name': 'commentary', 'description': 'The author makes a thematic point.'},\n {'name': 'dramatic', 'description': 'One character engages another, seeking an emotional goal.'},\n {'name': 'gratification', 'description': 'An enjoyable moment, tangential to the narrative.'},\n {'name': 'pipe', 'description': 'Provides information that will matter later.'},\n {'name': 'procedural', 'description': 'A character confronts an external obstacle.'},\n {'name': 'question', 'description': 'Introduces a point of curiosity the audience wants satisfied.'},\n {'name': 'reveal', 'description': 'Answers a question beat, or surprises with new information.'}\n];\n\nclass BeatPalette extends React.Component {\n render() {\n const items = BEAT_TYPES.map((type, i) => {\n return \n });\n\n const paletteTitle = this.props.editable ? 'Drag & Drop' : 'Beat Types';\n\n return (\n
\n \n \n {items}\n
\n );\n }\n}\n\nBeatPalette.propTypes = {\n addBeat: PropTypes.func.isRequired,\n removeBeat: PropTypes.func.isRequired,\n selectBeat: PropTypes.func.isRequired,\n showBeatConfiguration: PropTypes.func.isRequired,\n addingBeat: PropTypes.shape(Beat.jsonProps)\n};\n\nexport default BeatPalette;","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function') {\n return;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\n\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction isClassComponent(Component) {\n return Component && Component.prototype && typeof Component.prototype.render === 'function';\n}\n\nfunction isRefForwardingComponent(C) {\n return C && C.$$typeof && C.$$typeof.toString() === 'Symbol(react.forward_ref)';\n}\n\nexports.isRefForwardingComponent = isRefForwardingComponent;\n\nfunction isRefable(C) {\n return isClassComponent(C) || isRefForwardingComponent(C);\n}\n\nexports.isRefable = isRefable;","'use strict';\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\n\nvar ReactIs = require('react-is');\n\nvar REACT_STATICS = {\n childContextTypes: true,\n contextType: true,\n contextTypes: true,\n defaultProps: true,\n displayName: true,\n getDefaultProps: true,\n getDerivedStateFromError: true,\n getDerivedStateFromProps: true,\n mixins: true,\n propTypes: true,\n type: true\n};\nvar KNOWN_STATICS = {\n name: true,\n length: true,\n prototype: true,\n caller: true,\n callee: true,\n arguments: true,\n arity: true\n};\nvar FORWARD_REF_STATICS = {\n '$$typeof': true,\n render: true,\n defaultProps: true,\n displayName: true,\n propTypes: true\n};\nvar MEMO_STATICS = {\n '$$typeof': true,\n compare: true,\n defaultProps: true,\n displayName: true,\n propTypes: true,\n type: true\n};\nvar TYPE_STATICS = {};\nTYPE_STATICS[ReactIs.ForwardRef] = FORWARD_REF_STATICS;\n\nfunction getStatics(component) {\n if (ReactIs.isMemo(component)) {\n return MEMO_STATICS;\n }\n\n return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;\n}\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = Object.prototype;\n\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n if (typeof sourceComponent !== 'string') {\n // don't hoist over string (html) components\n if (objectPrototype) {\n var inheritedComponent = getPrototypeOf(sourceComponent);\n\n if (inheritedComponent && inheritedComponent !== objectPrototype) {\n hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n }\n }\n\n var keys = getOwnPropertyNames(sourceComponent);\n\n if (getOwnPropertySymbols) {\n keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n }\n\n var targetStatics = getStatics(targetComponent);\n var sourceStatics = getStatics(sourceComponent);\n\n for (var i = 0; i < keys.length; ++i) {\n var key = keys[i];\n\n if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {\n var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n\n try {\n // Avoid failures from read-only properties\n defineProperty(targetComponent, key, descriptor);\n } catch (e) {}\n }\n }\n\n return targetComponent;\n }\n\n return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar react_1 = require(\"react\");\n\nvar DragDropContext_1 = require(\"../../DragDropContext\");\n\nvar invariant = require('invariant');\n/**\n * A hook to retrieve the DragDropManager from Context\n */\n\n\nfunction useDragDropManager() {\n var dragDropManager = react_1.useContext(DragDropContext_1.context).dragDropManager;\n invariant(dragDropManager != null, 'Expected drag drop context');\n return dragDropManager;\n}\n\nexports.useDragDropManager = useDragDropManager;","import PropTypes from 'prop-types'\n// import ReactDnD from 'react-dnd'\nimport { DragSource } from 'react-dnd'\n\nconst beatPaletteItemDragSource = {\n canDrag(props) {\n return props.editable;\n },\n\n beginDrag(props) {\n const newBeat = {\n type: props.type,\n title: \"New beat\",\n id: genUuid(),\n description: \"Drop to add beat here\",\n resolutions: [],\n _pending: true\n };\n\n props.addBeat(newBeat);\n props.selectBeat(null);\n\n return {\n id: newBeat.id\n };\n },\n\n endDrag(props, monitor) {\n const { id: droppedId } = monitor.getItem();\n props.showBeatConfiguration(droppedId, 'add');\n }\n};\n\nfunction collectBeatPaletteItemDrag(connect, monitor) {\n return {\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging()\n };\n}\n\nclass _BeatPaletteItem extends React.Component {\n render() {\n const { connectDragSource, isDragging, type, description } = this.props;\n\n return connectDragSource(\n
\n \n
{_.capitalize(type)}
\n
,\n { dropEffect: 'copy' }\n );\n }\n}\n\n_BeatPaletteItem.propTypes = {\n addBeat: PropTypes.func.isRequired,\n removeBeat: PropTypes.func.isRequired,\n selectBeat: PropTypes.func.isRequired,\n showBeatConfiguration: PropTypes.func.isRequired,\n};\n\nwindow.BeatPaletteItem = DragSource(\"BeatPaletteItem\", beatPaletteItemDragSource, collectBeatPaletteItemDrag)(_BeatPaletteItem);\n\nexport default BeatPaletteItem;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.FILE = '__NATIVE_FILE__';\nexports.URL = '__NATIVE_URL__';\nexports.TEXT = '__NATIVE_TEXT__';","/* global window */\nimport ponyfill from './ponyfill.js';\nvar root;\n\nif (typeof self !== 'undefined') {\n root = self;\n} else if (typeof window !== 'undefined') {\n root = window;\n} else if (typeof global !== 'undefined') {\n root = global;\n} else if (typeof module !== 'undefined') {\n root = module;\n} else {\n root = Function('return this')();\n}\n\nvar result = ponyfill(root);\nexport default result;","/** @license React v16.11.0\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nvar h = require(\"object-assign\"),\n n = \"function\" === typeof Symbol && Symbol[\"for\"],\n p = n ? Symbol[\"for\"](\"react.element\") : 60103,\n q = n ? Symbol[\"for\"](\"react.portal\") : 60106,\n r = n ? Symbol[\"for\"](\"react.fragment\") : 60107,\n t = n ? Symbol[\"for\"](\"react.strict_mode\") : 60108,\n u = n ? Symbol[\"for\"](\"react.profiler\") : 60114,\n v = n ? Symbol[\"for\"](\"react.provider\") : 60109,\n w = n ? Symbol[\"for\"](\"react.context\") : 60110,\n x = n ? Symbol[\"for\"](\"react.forward_ref\") : 60112,\n y = n ? Symbol[\"for\"](\"react.suspense\") : 60113;\n\nn && Symbol[\"for\"](\"react.suspense_list\");\nvar z = n ? Symbol[\"for\"](\"react.memo\") : 60115,\n aa = n ? Symbol[\"for\"](\"react.lazy\") : 60116;\nn && Symbol[\"for\"](\"react.fundamental\");\nn && Symbol[\"for\"](\"react.responder\");\nn && Symbol[\"for\"](\"react.scope\");\nvar A = \"function\" === typeof Symbol && Symbol.iterator;\n\nfunction B(a) {\n for (var b = \"https://reactjs.org/docs/error-decoder.html?invariant=\" + a, c = 1; c < arguments.length; c++) {\n b += \"&args[]=\" + encodeURIComponent(arguments[c]);\n }\n\n return \"Minified React error #\" + a + \"; visit \" + b + \" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\";\n}\n\nvar C = {\n isMounted: function isMounted() {\n return !1;\n },\n enqueueForceUpdate: function enqueueForceUpdate() {},\n enqueueReplaceState: function enqueueReplaceState() {},\n enqueueSetState: function enqueueSetState() {}\n},\n D = {};\n\nfunction E(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = D;\n this.updater = c || C;\n}\n\nE.prototype.isReactComponent = {};\n\nE.prototype.setState = function (a, b) {\n if (\"object\" !== _typeof(a) && \"function\" !== typeof a && null != a) throw Error(B(85));\n this.updater.enqueueSetState(this, a, b, \"setState\");\n};\n\nE.prototype.forceUpdate = function (a) {\n this.updater.enqueueForceUpdate(this, a, \"forceUpdate\");\n};\n\nfunction F() {}\n\nF.prototype = E.prototype;\n\nfunction G(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = D;\n this.updater = c || C;\n}\n\nvar H = G.prototype = new F();\nH.constructor = G;\nh(H, E.prototype);\nH.isPureReactComponent = !0;\nvar I = {\n current: null\n},\n J = {\n current: null\n},\n K = Object.prototype.hasOwnProperty,\n L = {\n key: !0,\n ref: !0,\n __self: !0,\n __source: !0\n};\n\nfunction M(a, b, c) {\n var e,\n d = {},\n g = null,\n l = null;\n if (null != b) for (e in void 0 !== b.ref && (l = b.ref), void 0 !== b.key && (g = \"\" + b.key), b) {\n K.call(b, e) && !L.hasOwnProperty(e) && (d[e] = b[e]);\n }\n var f = arguments.length - 2;\n if (1 === f) d.children = c;else if (1 < f) {\n for (var k = Array(f), m = 0; m < f; m++) {\n k[m] = arguments[m + 2];\n }\n\n d.children = k;\n }\n if (a && a.defaultProps) for (e in f = a.defaultProps, f) {\n void 0 === d[e] && (d[e] = f[e]);\n }\n return {\n $$typeof: p,\n type: a,\n key: g,\n ref: l,\n props: d,\n _owner: J.current\n };\n}\n\nfunction ba(a, b) {\n return {\n $$typeof: p,\n type: a.type,\n key: b,\n ref: a.ref,\n props: a.props,\n _owner: a._owner\n };\n}\n\nfunction N(a) {\n return \"object\" === _typeof(a) && null !== a && a.$$typeof === p;\n}\n\nfunction escape(a) {\n var b = {\n \"=\": \"=0\",\n \":\": \"=2\"\n };\n return \"$\" + (\"\" + a).replace(/[=:]/g, function (a) {\n return b[a];\n });\n}\n\nvar O = /\\/+/g,\n P = [];\n\nfunction Q(a, b, c, e) {\n if (P.length) {\n var d = P.pop();\n d.result = a;\n d.keyPrefix = b;\n d.func = c;\n d.context = e;\n d.count = 0;\n return d;\n }\n\n return {\n result: a,\n keyPrefix: b,\n func: c,\n context: e,\n count: 0\n };\n}\n\nfunction R(a) {\n a.result = null;\n a.keyPrefix = null;\n a.func = null;\n a.context = null;\n a.count = 0;\n 10 > P.length && P.push(a);\n}\n\nfunction S(a, b, c, e) {\n var d = _typeof(a);\n\n if (\"undefined\" === d || \"boolean\" === d) a = null;\n var g = !1;\n if (null === a) g = !0;else switch (d) {\n case \"string\":\n case \"number\":\n g = !0;\n break;\n\n case \"object\":\n switch (a.$$typeof) {\n case p:\n case q:\n g = !0;\n }\n\n }\n if (g) return c(e, a, \"\" === b ? \".\" + T(a, 0) : b), 1;\n g = 0;\n b = \"\" === b ? \".\" : b + \":\";\n if (Array.isArray(a)) for (var l = 0; l < a.length; l++) {\n d = a[l];\n var f = b + T(d, l);\n g += S(d, f, c, e);\n } else if (null === a || \"object\" !== _typeof(a) ? f = null : (f = A && a[A] || a[\"@@iterator\"], f = \"function\" === typeof f ? f : null), \"function\" === typeof f) for (a = f.call(a), l = 0; !(d = a.next()).done;) {\n d = d.value, f = b + T(d, l++), g += S(d, f, c, e);\n } else if (\"object\" === d) throw c = \"\" + a, Error(B(31, \"[object Object]\" === c ? \"object with keys {\" + Object.keys(a).join(\", \") + \"}\" : c, \"\"));\n return g;\n}\n\nfunction U(a, b, c) {\n return null == a ? 0 : S(a, \"\", b, c);\n}\n\nfunction T(a, b) {\n return \"object\" === _typeof(a) && null !== a && null != a.key ? escape(a.key) : b.toString(36);\n}\n\nfunction ca(a, b) {\n a.func.call(a.context, b, a.count++);\n}\n\nfunction da(a, b, c) {\n var e = a.result,\n d = a.keyPrefix;\n a = a.func.call(a.context, b, a.count++);\n Array.isArray(a) ? V(a, e, c, function (a) {\n return a;\n }) : null != a && (N(a) && (a = ba(a, d + (!a.key || b && b.key === a.key ? \"\" : (\"\" + a.key).replace(O, \"$&/\") + \"/\") + c)), e.push(a));\n}\n\nfunction V(a, b, c, e, d) {\n var g = \"\";\n null != c && (g = (\"\" + c).replace(O, \"$&/\") + \"/\");\n b = Q(b, g, e, d);\n U(a, da, b);\n R(b);\n}\n\nfunction W() {\n var a = I.current;\n if (null === a) throw Error(B(321));\n return a;\n}\n\nvar X = {\n Children: {\n map: function map(a, b, c) {\n if (null == a) return a;\n var e = [];\n V(a, e, null, b, c);\n return e;\n },\n forEach: function forEach(a, b, c) {\n if (null == a) return a;\n b = Q(null, null, b, c);\n U(a, ca, b);\n R(b);\n },\n count: function count(a) {\n return U(a, function () {\n return null;\n }, null);\n },\n toArray: function toArray(a) {\n var b = [];\n V(a, b, null, function (a) {\n return a;\n });\n return b;\n },\n only: function only(a) {\n if (!N(a)) throw Error(B(143));\n return a;\n }\n },\n createRef: function createRef() {\n return {\n current: null\n };\n },\n Component: E,\n PureComponent: G,\n createContext: function createContext(a, b) {\n void 0 === b && (b = null);\n a = {\n $$typeof: w,\n _calculateChangedBits: b,\n _currentValue: a,\n _currentValue2: a,\n _threadCount: 0,\n Provider: null,\n Consumer: null\n };\n a.Provider = {\n $$typeof: v,\n _context: a\n };\n return a.Consumer = a;\n },\n forwardRef: function forwardRef(a) {\n return {\n $$typeof: x,\n render: a\n };\n },\n lazy: function lazy(a) {\n return {\n $$typeof: aa,\n _ctor: a,\n _status: -1,\n _result: null\n };\n },\n memo: function memo(a, b) {\n return {\n $$typeof: z,\n type: a,\n compare: void 0 === b ? null : b\n };\n },\n useCallback: function useCallback(a, b) {\n return W().useCallback(a, b);\n },\n useContext: function useContext(a, b) {\n return W().useContext(a, b);\n },\n useEffect: function useEffect(a, b) {\n return W().useEffect(a, b);\n },\n useImperativeHandle: function useImperativeHandle(a, b, c) {\n return W().useImperativeHandle(a, b, c);\n },\n useDebugValue: function useDebugValue() {},\n useLayoutEffect: function useLayoutEffect(a, b) {\n return W().useLayoutEffect(a, b);\n },\n useMemo: function useMemo(a, b) {\n return W().useMemo(a, b);\n },\n useReducer: function useReducer(a, b, c) {\n return W().useReducer(a, b, c);\n },\n useRef: function useRef(a) {\n return W().useRef(a);\n },\n useState: function useState(a) {\n return W().useState(a);\n },\n Fragment: r,\n Profiler: u,\n StrictMode: t,\n Suspense: y,\n createElement: M,\n cloneElement: function cloneElement(a, b, c) {\n if (null === a || void 0 === a) throw Error(B(267, a));\n var e = h({}, a.props),\n d = a.key,\n g = a.ref,\n l = a._owner;\n\n if (null != b) {\n void 0 !== b.ref && (g = b.ref, l = J.current);\n void 0 !== b.key && (d = \"\" + b.key);\n if (a.type && a.type.defaultProps) var f = a.type.defaultProps;\n\n for (k in b) {\n K.call(b, k) && !L.hasOwnProperty(k) && (e[k] = void 0 === b[k] && void 0 !== f ? f[k] : b[k]);\n }\n }\n\n var k = arguments.length - 2;\n if (1 === k) e.children = c;else if (1 < k) {\n f = Array(k);\n\n for (var m = 0; m < k; m++) {\n f[m] = arguments[m + 2];\n }\n\n e.children = f;\n }\n return {\n $$typeof: p,\n type: a.type,\n key: d,\n ref: g,\n props: e,\n _owner: l\n };\n },\n createFactory: function createFactory(a) {\n var b = M.bind(null, a);\n b.type = a;\n return b;\n },\n isValidElement: N,\n version: \"16.11.0\",\n __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {\n ReactCurrentDispatcher: I,\n ReactCurrentBatchConfig: {\n suspense: null\n },\n ReactCurrentOwner: J,\n IsSomeRendererActing: {\n current: !1\n },\n assign: h\n }\n},\n Y = {\n \"default\": X\n},\n Z = Y && X || Y;\nmodule.exports = Z[\"default\"] || Z;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar HandlerRole;\n\n(function (HandlerRole) {\n HandlerRole[\"SOURCE\"] = \"SOURCE\";\n HandlerRole[\"TARGET\"] = \"TARGET\";\n})(HandlerRole = exports.HandlerRole || (exports.HandlerRole = {}));","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction matchesType(targetType, draggedItemType) {\n if (draggedItemType === null) {\n return targetType === null;\n }\n\n return Array.isArray(targetType) ? targetType.some(function (t) {\n return t === draggedItemType;\n }) : targetType === draggedItemType;\n}\n\nexports[\"default\"] = matchesType;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nexports.strictEquality = function (a, b) {\n return a === b;\n};\n/**\n * Determine if two cartesian coordinate offsets are equal\n * @param offsetA\n * @param offsetB\n */\n\n\nfunction areCoordsEqual(offsetA, offsetB) {\n if (!offsetA && !offsetB) {\n return true;\n } else if (!offsetA || !offsetB) {\n return false;\n } else {\n return offsetA.x === offsetB.x && offsetA.y === offsetB.y;\n }\n}\n\nexports.areCoordsEqual = areCoordsEqual;\n/**\n * Determines if two arrays of items are equal\n * @param a The first array of items\n * @param b The second array of items\n */\n\nfunction areArraysEqual(a, b, isEqual) {\n if (isEqual === void 0) {\n isEqual = exports.strictEquality;\n }\n\n if (a.length !== b.length) {\n return false;\n }\n\n for (var i = 0; i < a.length; ++i) {\n if (!isEqual(a[i], b[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nexports.areArraysEqual = areArraysEqual;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar discount_lodash_1 = require(\"./discount_lodash\");\n\nexports.NONE = [];\nexports.ALL = [];\nexports.NONE.__IS_NONE__ = true;\nexports.ALL.__IS_ALL__ = true;\n/**\n * Determines if the given handler IDs are dirty or not.\n *\n * @param dirtyIds The set of dirty handler ids\n * @param handlerIds The set of handler ids to check\n */\n\nfunction areDirty(dirtyIds, handlerIds) {\n if (dirtyIds === exports.NONE) {\n return false;\n }\n\n if (dirtyIds === exports.ALL || typeof handlerIds === 'undefined') {\n return true;\n }\n\n var commonIds = discount_lodash_1.intersection(handlerIds, dirtyIds);\n return commonIds.length > 0;\n}\n\nexports.areDirty = areDirty;","\"use strict\";\n\nvar __extends = this && this.__extends || function () {\n var _extendStatics = function extendStatics(d, b) {\n _extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) {\n if (b.hasOwnProperty(p)) d[p] = b[p];\n }\n };\n\n return _extendStatics(d, b);\n };\n\n return function (d, b) {\n _extendStatics(d, b);\n\n function __() {\n this.constructor = d;\n }\n\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n}();\n\nvar __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar React = require(\"react\");\n\nvar DragDropContext_1 = require(\"./DragDropContext\");\n\nvar disposables_1 = require(\"./utils/disposables\");\n\nvar isRefable_1 = require(\"./utils/isRefable\");\n\nvar discount_lodash_1 = require(\"./utils/discount_lodash\");\n\nvar invariant = require('invariant');\n\nvar hoistStatics = require('hoist-non-react-statics');\n\nvar shallowEqual = require('shallowequal');\n\nfunction decorateHandler(_a) {\n var DecoratedComponent = _a.DecoratedComponent,\n createHandler = _a.createHandler,\n createMonitor = _a.createMonitor,\n createConnector = _a.createConnector,\n registerHandler = _a.registerHandler,\n containerDisplayName = _a.containerDisplayName,\n getType = _a.getType,\n collect = _a.collect,\n options = _a.options;\n var _b = options.arePropsEqual,\n arePropsEqual = _b === void 0 ? shallowEqual : _b;\n var Decorated = DecoratedComponent;\n var displayName = DecoratedComponent.displayName || DecoratedComponent.name || 'Component';\n\n var DragDropContainer =\n /** @class */\n function (_super) {\n __extends(DragDropContainer, _super);\n\n function DragDropContainer(props) {\n var _this = _super.call(this, props) || this;\n\n _this.decoratedRef = React.createRef();\n\n _this.handleChange = function () {\n var nextState = _this.getCurrentState();\n\n if (!shallowEqual(nextState, _this.state)) {\n _this.setState(nextState);\n }\n };\n\n _this.disposable = new disposables_1.SerialDisposable();\n\n _this.receiveProps(props);\n\n _this.dispose();\n\n return _this;\n }\n\n DragDropContainer.prototype.getHandlerId = function () {\n return this.handlerId;\n };\n\n DragDropContainer.prototype.getDecoratedComponentInstance = function () {\n invariant(this.decoratedRef.current, 'In order to access an instance of the decorated component, it must either be a class component or use React.forwardRef()');\n return this.decoratedRef.current;\n };\n\n DragDropContainer.prototype.shouldComponentUpdate = function (nextProps, nextState) {\n return !arePropsEqual(nextProps, this.props) || !shallowEqual(nextState, this.state);\n };\n\n DragDropContainer.prototype.componentDidMount = function () {\n this.disposable = new disposables_1.SerialDisposable();\n this.currentType = undefined;\n this.receiveProps(this.props);\n this.handleChange();\n };\n\n DragDropContainer.prototype.componentDidUpdate = function (prevProps) {\n if (!arePropsEqual(this.props, prevProps)) {\n this.receiveProps(this.props);\n this.handleChange();\n }\n };\n\n DragDropContainer.prototype.componentWillUnmount = function () {\n this.dispose();\n };\n\n DragDropContainer.prototype.receiveProps = function (props) {\n if (!this.handler) {\n return;\n }\n\n this.handler.receiveProps(props);\n this.receiveType(getType(props));\n };\n\n DragDropContainer.prototype.receiveType = function (type) {\n if (!this.handlerMonitor || !this.manager || !this.handlerConnector) {\n return;\n }\n\n if (type === this.currentType) {\n return;\n }\n\n this.currentType = type;\n\n var _a = registerHandler(type, this.handler, this.manager),\n handlerId = _a[0],\n unregister = _a[1];\n\n this.handlerId = handlerId;\n this.handlerMonitor.receiveHandlerId(handlerId);\n this.handlerConnector.receiveHandlerId(handlerId);\n var globalMonitor = this.manager.getMonitor();\n var unsubscribe = globalMonitor.subscribeToStateChange(this.handleChange, {\n handlerIds: [handlerId]\n });\n this.disposable.setDisposable(new disposables_1.CompositeDisposable(new disposables_1.Disposable(unsubscribe), new disposables_1.Disposable(unregister)));\n };\n\n DragDropContainer.prototype.dispose = function () {\n this.disposable.dispose();\n\n if (this.handlerConnector) {\n this.handlerConnector.receiveHandlerId(null);\n }\n };\n\n DragDropContainer.prototype.getCurrentState = function () {\n if (!this.handlerConnector) {\n return {};\n }\n\n var nextState = collect(this.handlerConnector.hooks, this.handlerMonitor, this.props);\n\n if (process.env.NODE_ENV !== 'production') {\n invariant(discount_lodash_1.isPlainObject(nextState), 'Expected `collect` specified as the second argument to ' + '%s for %s to return a plain object of props to inject. ' + 'Instead, received %s.', containerDisplayName, displayName, nextState);\n }\n\n return nextState;\n };\n\n DragDropContainer.prototype.render = function () {\n var _this = this;\n\n return React.createElement(DragDropContext_1.Consumer, null, function (_a) {\n var dragDropManager = _a.dragDropManager;\n\n _this.receiveDragDropManager(dragDropManager);\n\n if (typeof requestAnimationFrame !== 'undefined') {\n requestAnimationFrame(function () {\n return _this.handlerConnector.reconnect();\n });\n }\n\n return React.createElement(Decorated, __assign({}, _this.props, _this.getCurrentState(), {\n // NOTE: if Decorated is a Function Component, decoratedRef will not be populated unless it's a refforwarding component.\n ref: isRefable_1.isRefable(Decorated) ? _this.decoratedRef : null\n }));\n });\n };\n\n DragDropContainer.prototype.receiveDragDropManager = function (dragDropManager) {\n if (this.manager !== undefined) {\n return;\n }\n\n invariant(dragDropManager !== undefined, 'Could not find the drag and drop manager in the context of %s. ' + 'Make sure to wrap the top-level component of your app with DragDropContext. ' + 'Read more: http://react-dnd.github.io/react-dnd/docs/troubleshooting#could-not-find-the-drag-and-drop-manager-in-the-context', displayName, displayName);\n\n if (dragDropManager === undefined) {\n return;\n }\n\n this.manager = dragDropManager;\n this.handlerMonitor = createMonitor(dragDropManager);\n this.handlerConnector = createConnector(dragDropManager.getBackend());\n this.handler = createHandler(this.handlerMonitor, this.decoratedRef);\n };\n\n DragDropContainer.DecoratedComponent = DecoratedComponent;\n DragDropContainer.displayName = containerDisplayName + \"(\" + displayName + \")\";\n return DragDropContainer;\n }(React.Component);\n\n return hoistStatics(DragDropContainer, DecoratedComponent);\n}\n\nexports[\"default\"] = decorateHandler;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction registerSource(type, source, manager) {\n var registry = manager.getRegistry();\n var sourceId = registry.addSource(type, source);\n return [sourceId, function () {\n return registry.removeSource(sourceId);\n }];\n}\n\nexports[\"default\"] = registerSource;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction getDecoratedComponent(instanceRef) {\n var currentRef = instanceRef.current;\n\n if (currentRef == null) {\n return null;\n } else if (currentRef.decoratedRef) {\n // go through the private field in decorateHandler to avoid the invariant hit\n return currentRef.decoratedRef.current;\n } else {\n return currentRef;\n }\n}\n\nexports.getDecoratedComponent = getDecoratedComponent;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar invariant = require('invariant');\n\nvar isCallingCanDrag = false;\nvar isCallingIsDragging = false;\n\nvar DragSourceMonitorImpl =\n/** @class */\nfunction () {\n function DragSourceMonitorImpl(manager) {\n this.sourceId = null;\n this.internalMonitor = manager.getMonitor();\n }\n\n DragSourceMonitorImpl.prototype.receiveHandlerId = function (sourceId) {\n this.sourceId = sourceId;\n };\n\n DragSourceMonitorImpl.prototype.getHandlerId = function () {\n return this.sourceId;\n };\n\n DragSourceMonitorImpl.prototype.canDrag = function () {\n invariant(!isCallingCanDrag, 'You may not call monitor.canDrag() inside your canDrag() implementation. ' + 'Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor');\n\n try {\n isCallingCanDrag = true;\n return this.internalMonitor.canDragSource(this.sourceId);\n } finally {\n isCallingCanDrag = false;\n }\n };\n\n DragSourceMonitorImpl.prototype.isDragging = function () {\n if (!this.sourceId) {\n return false;\n }\n\n invariant(!isCallingIsDragging, 'You may not call monitor.isDragging() inside your isDragging() implementation. ' + 'Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor');\n\n try {\n isCallingIsDragging = true;\n return this.internalMonitor.isDraggingSource(this.sourceId);\n } finally {\n isCallingIsDragging = false;\n }\n };\n\n DragSourceMonitorImpl.prototype.subscribeToStateChange = function (listener, options) {\n return this.internalMonitor.subscribeToStateChange(listener, options);\n };\n\n DragSourceMonitorImpl.prototype.isDraggingSource = function (sourceId) {\n return this.internalMonitor.isDraggingSource(sourceId);\n };\n\n DragSourceMonitorImpl.prototype.isOverTarget = function (targetId, options) {\n return this.internalMonitor.isOverTarget(targetId, options);\n };\n\n DragSourceMonitorImpl.prototype.getTargetIds = function () {\n return this.internalMonitor.getTargetIds();\n };\n\n DragSourceMonitorImpl.prototype.isSourcePublic = function () {\n return this.internalMonitor.isSourcePublic();\n };\n\n DragSourceMonitorImpl.prototype.getSourceId = function () {\n return this.internalMonitor.getSourceId();\n };\n\n DragSourceMonitorImpl.prototype.subscribeToOffsetChange = function (listener) {\n return this.internalMonitor.subscribeToOffsetChange(listener);\n };\n\n DragSourceMonitorImpl.prototype.canDragSource = function (sourceId) {\n return this.internalMonitor.canDragSource(sourceId);\n };\n\n DragSourceMonitorImpl.prototype.canDropOnTarget = function (targetId) {\n return this.internalMonitor.canDropOnTarget(targetId);\n };\n\n DragSourceMonitorImpl.prototype.getItemType = function () {\n return this.internalMonitor.getItemType();\n };\n\n DragSourceMonitorImpl.prototype.getItem = function () {\n return this.internalMonitor.getItem();\n };\n\n DragSourceMonitorImpl.prototype.getDropResult = function () {\n return this.internalMonitor.getDropResult();\n };\n\n DragSourceMonitorImpl.prototype.didDrop = function () {\n return this.internalMonitor.didDrop();\n };\n\n DragSourceMonitorImpl.prototype.getInitialClientOffset = function () {\n return this.internalMonitor.getInitialClientOffset();\n };\n\n DragSourceMonitorImpl.prototype.getInitialSourceClientOffset = function () {\n return this.internalMonitor.getInitialSourceClientOffset();\n };\n\n DragSourceMonitorImpl.prototype.getSourceClientOffset = function () {\n return this.internalMonitor.getSourceClientOffset();\n };\n\n DragSourceMonitorImpl.prototype.getClientOffset = function () {\n return this.internalMonitor.getClientOffset();\n };\n\n DragSourceMonitorImpl.prototype.getDifferenceFromInitialOffset = function () {\n return this.internalMonitor.getDifferenceFromInitialOffset();\n };\n\n return DragSourceMonitorImpl;\n}();\n\nexports[\"default\"] = DragSourceMonitorImpl;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar wrapConnectorHooks_1 = require(\"./wrapConnectorHooks\");\n\nvar isRef_1 = require(\"./utils/isRef\");\n\nvar shallowEqual = require('shallowequal');\n\nvar SourceConnector =\n/** @class */\nfunction () {\n function SourceConnector(backend) {\n var _this = this;\n\n this.backend = backend;\n this.hooks = wrapConnectorHooks_1[\"default\"]({\n dragSource: function dragSource(node, options) {\n _this.dragSourceOptions = options || null;\n\n if (isRef_1.isRef(node)) {\n _this.dragSourceRef = node;\n } else {\n _this.dragSourceNode = node;\n }\n\n _this.reconnectDragSource();\n },\n dragPreview: function dragPreview(node, options) {\n _this.dragPreviewOptions = options || null;\n\n if (isRef_1.isRef(node)) {\n _this.dragPreviewRef = node;\n } else {\n _this.dragPreviewNode = node;\n }\n\n _this.reconnectDragPreview();\n }\n });\n this.handlerId = null; // The drop target may either be attached via ref or connect function\n\n this.dragSourceRef = null;\n this.dragSourceOptionsInternal = null; // The drag preview may either be attached via ref or connect function\n\n this.dragPreviewRef = null;\n this.dragPreviewOptionsInternal = null;\n this.lastConnectedHandlerId = null;\n this.lastConnectedDragSource = null;\n this.lastConnectedDragSourceOptions = null;\n this.lastConnectedDragPreview = null;\n this.lastConnectedDragPreviewOptions = null;\n }\n\n SourceConnector.prototype.receiveHandlerId = function (newHandlerId) {\n if (this.handlerId === newHandlerId) {\n return;\n }\n\n this.handlerId = newHandlerId;\n this.reconnect();\n };\n\n Object.defineProperty(SourceConnector.prototype, \"connectTarget\", {\n get: function get() {\n return this.dragSource;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(SourceConnector.prototype, \"dragSourceOptions\", {\n get: function get() {\n return this.dragSourceOptionsInternal;\n },\n set: function set(options) {\n this.dragSourceOptionsInternal = options;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(SourceConnector.prototype, \"dragPreviewOptions\", {\n get: function get() {\n return this.dragPreviewOptionsInternal;\n },\n set: function set(options) {\n this.dragPreviewOptionsInternal = options;\n },\n enumerable: true,\n configurable: true\n });\n\n SourceConnector.prototype.reconnect = function () {\n this.reconnectDragSource();\n this.reconnectDragPreview();\n };\n\n SourceConnector.prototype.reconnectDragSource = function () {\n // if nothing has changed then don't resubscribe\n var didChange = this.didHandlerIdChange() || this.didConnectedDragSourceChange() || this.didDragSourceOptionsChange();\n\n if (didChange) {\n this.disconnectDragSource();\n }\n\n var dragSource = this.dragSource;\n\n if (!this.handlerId) {\n return;\n }\n\n if (!dragSource) {\n this.lastConnectedDragSource = dragSource;\n return;\n }\n\n if (didChange) {\n this.lastConnectedHandlerId = this.handlerId;\n this.lastConnectedDragSource = dragSource;\n this.lastConnectedDragSourceOptions = this.dragSourceOptions;\n this.dragSourceUnsubscribe = this.backend.connectDragSource(this.handlerId, dragSource, this.dragSourceOptions);\n }\n };\n\n SourceConnector.prototype.reconnectDragPreview = function () {\n // if nothing has changed then don't resubscribe\n var didChange = this.didHandlerIdChange() || this.didConnectedDragPreviewChange() || this.didDragPreviewOptionsChange();\n\n if (didChange) {\n this.disconnectDragPreview();\n }\n\n var dragPreview = this.dragPreview;\n\n if (!this.handlerId || !dragPreview) {\n return;\n }\n\n if (didChange) {\n this.lastConnectedHandlerId = this.handlerId;\n this.lastConnectedDragPreview = dragPreview;\n this.lastConnectedDragPreviewOptions = this.dragPreviewOptions;\n this.dragPreviewUnsubscribe = this.backend.connectDragPreview(this.handlerId, dragPreview, this.dragPreviewOptions);\n }\n };\n\n SourceConnector.prototype.didHandlerIdChange = function () {\n return this.lastConnectedHandlerId !== this.handlerId;\n };\n\n SourceConnector.prototype.didConnectedDragSourceChange = function () {\n return this.lastConnectedDragSource !== this.dragSource;\n };\n\n SourceConnector.prototype.didConnectedDragPreviewChange = function () {\n return this.lastConnectedDragPreview !== this.dragPreview;\n };\n\n SourceConnector.prototype.didDragSourceOptionsChange = function () {\n return !shallowEqual(this.lastConnectedDragSourceOptions, this.dragSourceOptions);\n };\n\n SourceConnector.prototype.didDragPreviewOptionsChange = function () {\n return !shallowEqual(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);\n };\n\n SourceConnector.prototype.disconnectDragSource = function () {\n if (this.dragSourceUnsubscribe) {\n this.dragSourceUnsubscribe();\n this.dragSourceUnsubscribe = undefined;\n this.dragPreviewNode = null;\n this.dragPreviewRef = null;\n }\n };\n\n SourceConnector.prototype.disconnectDragPreview = function () {\n if (this.dragPreviewUnsubscribe) {\n this.dragPreviewUnsubscribe();\n this.dragPreviewUnsubscribe = undefined;\n this.dragPreviewNode = null;\n this.dragPreviewRef = null;\n }\n };\n\n Object.defineProperty(SourceConnector.prototype, \"dragSource\", {\n get: function get() {\n return this.dragSourceNode || this.dragSourceRef && this.dragSourceRef.current;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(SourceConnector.prototype, \"dragPreview\", {\n get: function get() {\n return this.dragPreviewNode || this.dragPreviewRef && this.dragPreviewRef.current;\n },\n enumerable: true,\n configurable: true\n });\n return SourceConnector;\n}();\n\nexports[\"default\"] = SourceConnector;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar react_1 = require(\"react\");\n\nvar cloneWithRef_1 = require(\"./utils/cloneWithRef\");\n\nrequire(\"./utils/polyfills/endsWith\");\n\nfunction throwIfCompositeComponentElement(element) {\n // Custom components can no longer be wrapped directly in React DnD 2.0\n // so that we don't need to depend on findDOMNode() from react-dom.\n if (typeof element.type === 'string') {\n return;\n }\n\n var displayName = element.type.displayName || element.type.name || 'the component';\n throw new Error('Only native element nodes can now be passed to React DnD connectors.' + (\"You can either wrap \" + displayName + \" into a
, or turn it into a \") + 'drag source or a drop target itself.');\n}\n\nfunction wrapHookToRecognizeElement(hook) {\n return function (elementOrNode, options) {\n if (elementOrNode === void 0) {\n elementOrNode = null;\n }\n\n if (options === void 0) {\n options = null;\n } // When passed a node, call the hook straight away.\n\n\n if (!react_1.isValidElement(elementOrNode)) {\n var node = elementOrNode;\n hook(node, options); // return the node so it can be chained (e.g. when within callback refs\n //
connectDragSource(connectDropTarget(node))}/>\n\n return node;\n } // If passed a ReactElement, clone it and attach this function as a ref.\n // This helps us achieve a neat API where user doesn't even know that refs\n // are being used under the hood.\n\n\n var element = elementOrNode;\n throwIfCompositeComponentElement(element); // When no options are passed, use the hook directly\n\n var ref = options ? function (node) {\n return hook(node, options);\n } : hook;\n return cloneWithRef_1[\"default\"](element, ref);\n };\n}\n\nfunction wrapConnectorHooks(hooks) {\n var wrappedHooks = {};\n Object.keys(hooks).forEach(function (key) {\n var hook = hooks[key]; // ref objects should be passed straight through without wrapping\n\n if (key.endsWith('Ref')) {\n wrappedHooks[key] = hooks[key];\n } else {\n var wrappedHook_1 = wrapHookToRecognizeElement(hook);\n\n wrappedHooks[key] = function () {\n return wrappedHook_1;\n };\n }\n });\n return wrappedHooks;\n}\n\nexports[\"default\"] = wrapConnectorHooks;","\"use strict\";\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction isRef(obj) {\n return obj !== null && _typeof(obj) === 'object' && obj.hasOwnProperty('current');\n}\n\nexports.isRef = isRef;","\"use strict\";\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction isValidType(type, allowArray) {\n return typeof type === 'string' || _typeof(type) === 'symbol' || !!allowArray && Array.isArray(type) && type.every(function (t) {\n return isValidType(t, false);\n });\n}\n\nexports[\"default\"] = isValidType;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction registerTarget(type, target, manager) {\n var registry = manager.getRegistry();\n var targetId = registry.addTarget(type, target);\n return [targetId, function () {\n return registry.removeTarget(targetId);\n }];\n}\n\nexports[\"default\"] = registerTarget;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar invariant = require('invariant');\n\nvar isCallingCanDrop = false;\n\nvar DropTargetMonitorImpl =\n/** @class */\nfunction () {\n function DropTargetMonitorImpl(manager) {\n this.targetId = null;\n this.internalMonitor = manager.getMonitor();\n }\n\n DropTargetMonitorImpl.prototype.receiveHandlerId = function (targetId) {\n this.targetId = targetId;\n };\n\n DropTargetMonitorImpl.prototype.getHandlerId = function () {\n return this.targetId;\n };\n\n DropTargetMonitorImpl.prototype.subscribeToStateChange = function (listener, options) {\n return this.internalMonitor.subscribeToStateChange(listener, options);\n };\n\n DropTargetMonitorImpl.prototype.canDrop = function () {\n // Cut out early if the target id has not been set. This should prevent errors\n // where the user has an older version of dnd-core like in\n // https://github.com/react-dnd/react-dnd/issues/1310\n if (!this.targetId) {\n return false;\n }\n\n invariant(!isCallingCanDrop, 'You may not call monitor.canDrop() inside your canDrop() implementation. ' + 'Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor');\n\n try {\n isCallingCanDrop = true;\n return this.internalMonitor.canDropOnTarget(this.targetId);\n } finally {\n isCallingCanDrop = false;\n }\n };\n\n DropTargetMonitorImpl.prototype.isOver = function (options) {\n if (!this.targetId) {\n return false;\n }\n\n return this.internalMonitor.isOverTarget(this.targetId, options);\n };\n\n DropTargetMonitorImpl.prototype.getItemType = function () {\n return this.internalMonitor.getItemType();\n };\n\n DropTargetMonitorImpl.prototype.getItem = function () {\n return this.internalMonitor.getItem();\n };\n\n DropTargetMonitorImpl.prototype.getDropResult = function () {\n return this.internalMonitor.getDropResult();\n };\n\n DropTargetMonitorImpl.prototype.didDrop = function () {\n return this.internalMonitor.didDrop();\n };\n\n DropTargetMonitorImpl.prototype.getInitialClientOffset = function () {\n return this.internalMonitor.getInitialClientOffset();\n };\n\n DropTargetMonitorImpl.prototype.getInitialSourceClientOffset = function () {\n return this.internalMonitor.getInitialSourceClientOffset();\n };\n\n DropTargetMonitorImpl.prototype.getSourceClientOffset = function () {\n return this.internalMonitor.getSourceClientOffset();\n };\n\n DropTargetMonitorImpl.prototype.getClientOffset = function () {\n return this.internalMonitor.getClientOffset();\n };\n\n DropTargetMonitorImpl.prototype.getDifferenceFromInitialOffset = function () {\n return this.internalMonitor.getDifferenceFromInitialOffset();\n };\n\n return DropTargetMonitorImpl;\n}();\n\nexports[\"default\"] = DropTargetMonitorImpl;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar wrapConnectorHooks_1 = require(\"./wrapConnectorHooks\");\n\nvar isRef_1 = require(\"./utils/isRef\");\n\nvar shallowEqual = require('shallowequal');\n\nvar TargetConnector =\n/** @class */\nfunction () {\n function TargetConnector(backend) {\n var _this = this;\n\n this.backend = backend;\n this.hooks = wrapConnectorHooks_1[\"default\"]({\n dropTarget: function dropTarget(node, options) {\n _this.dropTargetOptions = options;\n\n if (isRef_1.isRef(node)) {\n _this.dropTargetRef = node;\n } else {\n _this.dropTargetNode = node;\n }\n\n _this.reconnect();\n }\n });\n this.handlerId = null; // The drop target may either be attached via ref or connect function\n\n this.dropTargetRef = null;\n this.dropTargetOptionsInternal = null;\n this.lastConnectedHandlerId = null;\n this.lastConnectedDropTarget = null;\n this.lastConnectedDropTargetOptions = null;\n }\n\n Object.defineProperty(TargetConnector.prototype, \"connectTarget\", {\n get: function get() {\n return this.dropTarget;\n },\n enumerable: true,\n configurable: true\n });\n\n TargetConnector.prototype.reconnect = function () {\n // if nothing has changed then don't resubscribe\n var didChange = this.didHandlerIdChange() || this.didDropTargetChange() || this.didOptionsChange();\n\n if (didChange) {\n this.disconnectDropTarget();\n }\n\n var dropTarget = this.dropTarget;\n\n if (!this.handlerId) {\n return;\n }\n\n if (!dropTarget) {\n this.lastConnectedDropTarget = dropTarget;\n return;\n }\n\n if (didChange) {\n this.lastConnectedHandlerId = this.handlerId;\n this.lastConnectedDropTarget = dropTarget;\n this.lastConnectedDropTargetOptions = this.dropTargetOptions;\n this.unsubscribeDropTarget = this.backend.connectDropTarget(this.handlerId, dropTarget, this.dropTargetOptions);\n }\n };\n\n TargetConnector.prototype.receiveHandlerId = function (newHandlerId) {\n if (newHandlerId === this.handlerId) {\n return;\n }\n\n this.handlerId = newHandlerId;\n this.reconnect();\n };\n\n Object.defineProperty(TargetConnector.prototype, \"dropTargetOptions\", {\n get: function get() {\n return this.dropTargetOptionsInternal;\n },\n set: function set(options) {\n this.dropTargetOptionsInternal = options;\n },\n enumerable: true,\n configurable: true\n });\n\n TargetConnector.prototype.didHandlerIdChange = function () {\n return this.lastConnectedHandlerId !== this.handlerId;\n };\n\n TargetConnector.prototype.didDropTargetChange = function () {\n return this.lastConnectedDropTarget !== this.dropTarget;\n };\n\n TargetConnector.prototype.didOptionsChange = function () {\n return !shallowEqual(this.lastConnectedDropTargetOptions, this.dropTargetOptions);\n };\n\n TargetConnector.prototype.disconnectDropTarget = function () {\n if (this.unsubscribeDropTarget) {\n this.unsubscribeDropTarget();\n this.unsubscribeDropTarget = undefined;\n }\n };\n\n Object.defineProperty(TargetConnector.prototype, \"dropTarget\", {\n get: function get() {\n return this.dropTargetNode || this.dropTargetRef && this.dropTargetRef.current;\n },\n enumerable: true,\n configurable: true\n });\n return TargetConnector;\n}();\n\nexports[\"default\"] = TargetConnector;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar react_1 = require(\"react\");\n\nvar useCollector_1 = require(\"./useCollector\");\n\nfunction useMonitorOutput(monitor, collect, onCollect) {\n var _a = useCollector_1.useCollector(monitor, collect, onCollect),\n collected = _a[0],\n updateCollected = _a[1];\n\n react_1.useEffect(function subscribeToMonitorStateChange() {\n var handlerId = monitor.getHandlerId();\n\n if (handlerId == null) {\n return undefined;\n }\n\n return monitor.subscribeToStateChange(updateCollected, {\n handlerIds: [handlerId]\n });\n }, [monitor, updateCollected]);\n return collected;\n}\n\nexports.useMonitorOutput = useMonitorOutput;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar shallowEqual = require('shallowequal');\n\nvar react_1 = require(\"react\");\n/**\n *\n * @param monitor The monitor to colelct state from\n * @param collect The collecting function\n * @param onUpdate A method to invoke when updates occur\n */\n\n\nfunction useCollector(monitor, collect, onUpdate) {\n var _a = react_1.useState(function () {\n return collect(monitor);\n }),\n collected = _a[0],\n setCollected = _a[1];\n\n var updateCollected = react_1.useCallback(function () {\n var nextValue = collect(monitor);\n\n if (!shallowEqual(collected, nextValue)) {\n setCollected(nextValue);\n\n if (onUpdate) {\n onUpdate();\n }\n }\n }, [collected, monitor, onUpdate]);\n return [collected, updateCollected];\n}\n\nexports.useCollector = useCollector;","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport PropTypes from 'prop-types'\nimport HTML5Backend from 'react-dnd-html5-backend'\nimport { DragDropContext } from 'react-dnd'\n\nimport BeatBox from './BeatBox'\nimport BeatPalette from './BeatPalette'\nimport BeatDragPreview from './BeatDragPreview'\nimport BeatConfigurationModal from './BeatConfigurationModal'\n\nclass _BeatMapEditor extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n beats: this.props.initialBeats,\n selectedBeatId: null,\n configuringBeatId: null,\n configurationMode: null,\n scaleFactor: 3,\n };\n\n this.addBeat = this.addBeat.bind(this);\n this.updateBeat = this.updateBeat.bind(this);\n this.removeBeat = this.removeBeat.bind(this);\n this.moveBeat = this.moveBeat.bind(this);\n this.findBeat = this.findBeat.bind(this);\n this.selectBeat = this.selectBeat.bind(this);\n this.editBeat = this.editBeat.bind(this);\n this.adjustScaleFactor = this.adjustScaleFactor.bind(this);\n\n this.showBeatConfiguration = this.showBeatConfiguration.bind(this);\n this.dismissBeatConfiguration = this.dismissBeatConfiguration.bind(this);\n\n this.updateStory = this.updateStory.bind(this);\n\n this.renderBeatConfigurationModal = this.renderBeatConfigurationModal.bind(this);\n this.renderBeatPalette = this.renderBeatPalette.bind(this);\n }\n\n addBeat(newBeat) {\n this.setState({\n beats: this.state.beats.concat(newBeat)\n });\n }\n\n updateBeat(id, newProps) {\n const { beat, index } = this.findBeat(id);\n\n const newBeats = this.state.beats.concat();\n newBeats.splice(index, 1, Object.assign({}, beat, newProps));\n\n this.setState({ beats: newBeats }, this.updateStory);\n }\n\n removeBeat(id) {\n const { beat, index } = this.findBeat(id);\n\n const newBeats = this.state.beats.concat();\n newBeats.splice(index, 1);\n\n this.setState({ beats: newBeats }, this.updateStory);\n }\n\n selectBeat(id) {\n this.setState({ selectedBeatId: id });\n }\n\n editBeat(id) {\n if (this.state.configuringBeatId) {\n return;\n }\n\n this.showBeatConfiguration(id, 'edit');\n }\n\n showBeatConfiguration(beatId, mode) {\n this.setState({ configuringBeatId: beatId, configurationMode: mode });\n }\n\n dismissBeatConfiguration() {\n this.setState({ configuringBeatId: null, configurationMode: null });\n }\n\n updateStory() {\n $.ajax(\n this.props.storyUrl,\n {\n method: 'PATCH',\n dataType: 'json',\n data: JSON.stringify({\n story: {\n beats: this.state.beats\n }\n }),\n processData: false,\n contentType: 'application/json'\n }\n );\n }\n\n moveBeat(id, toIndex) {\n const { beat, index } = this.findBeat(id);\n\n const newBeats = this.state.beats.concat();\n newBeats.splice(index, 1);\n newBeats.splice(toIndex, 0, beat);\n\n this.setState({beats: newBeats}, this.updateStory);\n }\n\n findBeat(id) {\n const { beats } = this.state;\n const beat = beats.filter(c => c.id === id)[0];\n\n return {\n beat,\n index: beats.indexOf(beat)\n };\n }\n\n adjustScaleFactor(amount, callback) {\n const newScaleFactor = this.state.scaleFactor + amount;\n if (newScaleFactor < 1 || newScaleFactor > 10) {\n return;\n }\n\n this.setState({ scaleFactor: newScaleFactor }, callback);\n }\n\n renderBeatConfigurationModal() {\n if (!this.state.configuringBeatId) {\n return;\n }\n\n const { beat: configuringBeat, index } = this.findBeat(this.state.configuringBeatId);\n\n return ;\n }\n\n renderBeatPalette() {\n if (true || this.props.editable) {\n return (\n \n );\n } else {\n return null;\n }\n }\n\n render() {\n return (\n