@pie-lib/drag 2.0.5 → 2.0.6-next.8

package/lib/drag-in-the-blank-dp.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spec = exports["default"] = void 0;
+
+var _reactDnd = require("react-dnd");
+
+var _droppablePlaceholder = require("../lib/droppable-placeholder");
+
+var DRAG_TYPE = 'MaskBlank';
+var spec = {
+  canDrop: function canDrop(props) {
+    return !props.disabled;
+  },
+  drop: function drop() {
+    return {
+      dropped: true
+    };
+  }
+};
+exports.spec = spec;
+var WithTarget = (0, _reactDnd.DropTarget)(DRAG_TYPE, spec, function (connect, monitor) {
+  return {
+    connectDropTarget: connect.dropTarget(),
+    isOver: monitor.isOver()
+  };
+})(_droppablePlaceholder.DroppablePlaceholder);
+var _default = WithTarget;
+exports["default"] = _default;
+//# sourceMappingURL=drag-in-the-blank-dp.js.map

package/lib/drag-in-the-blank-dp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drag-in-the-blank-dp.jsx"],"names":["DRAG_TYPE","spec","canDrop","props","disabled","drop","dropped","WithTarget","connect","monitor","connectDropTarget","dropTarget","isOver","DroppablePlaceholder"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,WAAlB;AAEO,IAAMC,IAAI,GAAG;AAClBC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,WAAO,CAACA,KAAK,CAACC,QAAd;AACD,GAHiB;AAIlBC,EAAAA,IAAI,EAAE;AAAA,WAAO;AACXC,MAAAA,OAAO,EAAE;AADE,KAAP;AAAA;AAJY,CAAb;;AASP,IAAMC,UAAU,GAAG,0BAAWP,SAAX,EAAsBC,IAAtB,EAA4B,UAACO,OAAD,EAAUC,OAAV;AAAA,SAAuB;AACpEC,IAAAA,iBAAiB,EAAEF,OAAO,CAACG,UAAR,EADiD;AAEpEC,IAAAA,MAAM,EAAEH,OAAO,CAACG,MAAR;AAF4D,GAAvB;AAAA,CAA5B,EAGfC,0CAHe,CAAnB;eAKeN,U","sourcesContent":["import { DropTarget } from 'react-dnd';\nimport { DroppablePlaceholder } from '../lib/droppable-placeholder';\n\nconst DRAG_TYPE = 'MaskBlank';\n\nexport const spec = {\n  canDrop: (props) => {\n    return !props.disabled;\n  },\n  drop: () => ({\n    dropped: true,\n  }),\n};\n\nconst WithTarget = DropTarget(DRAG_TYPE, spec, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(DroppablePlaceholder);\n\nexport default WithTarget;\n"],"file":"drag-in-the-blank-dp.js"}

package/lib/droppable-placeholder.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.spec = exports["default"] = void 0;
+exports.DroppablePlaceholder = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -25,16 +25,10 @@ var _placeholder = _interopRequireDefault(require("./placeholder"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactDnd = require("react-dnd");
-
-var _window$demo, _window$demo$markup;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var DRAG_TYPE = (_window$demo = window.demo) !== null && _window$demo !== void 0 && (_window$demo$markup = _window$demo.markup) !== null && _window$demo$markup !== void 0 && _window$demo$markup.includes('match-list') ? 'Answer' : 'MaskBlank';
-
 var DroppablePlaceholder = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(DroppablePlaceholder, _React$Component);
 
@@ -69,35 +63,11 @@ var DroppablePlaceholder = /*#__PURE__*/function (_React$Component) {
   return DroppablePlaceholder;
 }(_react["default"].Component);
 
+exports.DroppablePlaceholder = DroppablePlaceholder;
 (0, _defineProperty2["default"])(DroppablePlaceholder, "propTypes", {
   connectDropTarget: _propTypes["default"].func.isRequired,
   isOver: _propTypes["default"].bool,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   disabled: _propTypes["default"].bool
 });
-var spec = {
-  canDrop: function canDrop(props) {
-    return !props.disabled;
-  },
-  drop: function drop(props, monitor) {
-    var item = monitor.getItem();
-
-    if (DRAG_TYPE === 'Answer') {
-      props.onRemoveAnswer(item.promptId);
-    } else if (item.id) {
-      return {
-        dropped: true
-      };
-    }
-  }
-};
-exports.spec = spec;
-var WithTarget = (0, _reactDnd.DropTarget)(DRAG_TYPE, spec, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver()
-  };
-})(DroppablePlaceholder);
-var _default = WithTarget;
-exports["default"] = _default;
 //# sourceMappingURL=droppable-placeholder.js.map

package/lib/droppable-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/droppable-placeholder.jsx"],"names":["DRAG_TYPE","window","demo","markup","includes","DroppablePlaceholder","props","children","connectDropTarget","isOver","disabled","classes","flex","React","Component","PropTypes","func","isRequired","bool","oneOfType","arrayOf","node","spec","canDrop","drop","monitor","item","getItem","onRemoveAnswer","promptId","id","dropped","WithTarget","connect","dropTarget"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,SAAS,GAAG,gBAAAC,MAAM,CAACC,IAAP,6EAAaC,MAAb,oEAAqBC,QAArB,CAA8B,YAA9B,IAA8C,QAA9C,GAAyD,WAA3E;;IAEMC,oB;;;;;;;;;;;;WAQJ,kBAAS;AACP,wBAAmE,KAAKC,KAAxE;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,iBAAlB,eAAkBA,iBAAlB;AAAA,UAAqCC,MAArC,eAAqCA,MAArC;AAAA,UAA6CC,QAA7C,eAA6CA,QAA7C;AAAA,UAAuDC,OAAvD,eAAuDA,OAAvD;AAEA,aAAOH,iBAAiB,eACtB;AAAK,QAAA,KAAK,EAAE;AAAEI,UAAAA,IAAI,EAAE;AAAR;AAAZ,sBACE,gCAAC,uBAAD;AAAa,QAAA,QAAQ,EAAEF,QAAvB;AAAiC,QAAA,MAAM,EAAED,MAAzC;AAAiD,QAAA,WAAW,EAAE,IAA9D;AAAoE,QAAA,SAAS,EAAEE;AAA/E,SACGJ,QADH,CADF,CADsB,CAAxB;AAOD;;;EAlBgCM,kBAAMC,S;;iCAAnCT,oB,eACe;AACjBG,EAAAA,iBAAiB,EAAEO,sBAAUC,IAAV,CAAeC,UADjB;AAEjBR,EAAAA,MAAM,EAAEM,sBAAUG,IAFD;AAGjBX,EAAAA,QAAQ,EAAEQ,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEJ,UAHlE;AAIjBP,EAAAA,QAAQ,EAAEK,sBAAUG;AAJH,C;AAoBd,IAAMI,IAAI,GAAG;AAClBC,EAAAA,OAAO,EAAE,iBAACjB,KAAD,EAAW;AAClB,WAAO,CAACA,KAAK,CAACI,QAAd;AACD,GAHiB;AAIlBc,EAAAA,IAAI,EAAE,cAAClB,KAAD,EAAQmB,OAAR,EAAoB;AACxB,QAAMC,IAAI,GAAGD,OAAO,CAACE,OAAR,EAAb;;AAEA,QAAI3B,SAAS,KAAK,QAAlB,EAA4B;AAC1BM,MAAAA,KAAK,CAACsB,cAAN,CAAqBF,IAAI,CAACG,QAA1B;AACD,KAFD,MAEO,IAAIH,IAAI,CAACI,EAAT,EAAa;AAClB,aAAO;AACLC,QAAAA,OAAO,EAAE;AADJ,OAAP;AAGD;AACF;AAdiB,CAAb;;AAiBP,IAAMC,UAAU,GAAG,0BAAWhC,SAAX,EAAsBsB,IAAtB,EAA4B,UAACW,OAAD,EAAUR,OAAV;AAAA,SAAuB;AACpEjB,IAAAA,iBAAiB,EAAEyB,OAAO,CAACC,UAAR,EADiD;AAEpEzB,IAAAA,MAAM,EAAEgB,OAAO,CAAChB,MAAR;AAF4D,GAAvB;AAAA,CAA5B,EAGfJ,oBAHe,CAAnB;eAKe2B,U","sourcesContent":["import React from 'react';\nimport PlaceHolder from './placeholder';\nimport PropTypes from 'prop-types';\nimport { DropTarget } from 'react-dnd';\n\nconst DRAG_TYPE = window.demo?.markup?.includes('match-list') ? 'Answer' : 'MaskBlank';\n\nclass DroppablePlaceholder extends React.Component {\n  static propTypes = {\n    connectDropTarget: PropTypes.func.isRequired,\n    isOver: PropTypes.bool,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    disabled: PropTypes.bool,\n  };\n\n  render() {\n    const { children, connectDropTarget, isOver, disabled, classes } = this.props;\n\n    return connectDropTarget(\n      <div style={{ flex: 1 }}>\n        <PlaceHolder disabled={disabled} isOver={isOver} choiceBoard={true} className={classes}>\n          {children}\n        </PlaceHolder>\n      </div>,\n    );\n  }\n}\n\nexport const spec = {\n  canDrop: (props) => {\n    return !props.disabled;\n  },\n  drop: (props, monitor) => {\n    const item = monitor.getItem();\n\n    if (DRAG_TYPE === 'Answer') {\n      props.onRemoveAnswer(item.promptId);\n    } else if (item.id) {\n      return {\n        dropped: true,\n      };\n    }\n  },\n};\n\nconst WithTarget = DropTarget(DRAG_TYPE, spec, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(DroppablePlaceholder);\n\nexport default WithTarget;\n"],"file":"droppable-placeholder.js"}
+{"version":3,"sources":["../src/droppable-placeholder.jsx"],"names":["DroppablePlaceholder","props","children","connectDropTarget","isOver","disabled","classes","flex","React","Component","PropTypes","func","isRequired","bool","oneOfType","arrayOf","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEaA,oB;;;;;;;;;;;;WAQX,kBAAS;AACP,wBAAmE,KAAKC,KAAxE;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,iBAAlB,eAAkBA,iBAAlB;AAAA,UAAqCC,MAArC,eAAqCA,MAArC;AAAA,UAA6CC,QAA7C,eAA6CA,QAA7C;AAAA,UAAuDC,OAAvD,eAAuDA,OAAvD;AAEA,aAAOH,iBAAiB,eACtB;AAAK,QAAA,KAAK,EAAE;AAAEI,UAAAA,IAAI,EAAE;AAAR;AAAZ,sBACE,gCAAC,uBAAD;AAAa,QAAA,QAAQ,EAAEF,QAAvB;AAAiC,QAAA,MAAM,EAAED,MAAzC;AAAiD,QAAA,WAAW,EAAE,IAA9D;AAAoE,QAAA,SAAS,EAAEE;AAA/E,SACGJ,QADH,CADF,CADsB,CAAxB;AAOD;;;EAlBuCM,kBAAMC,S;;;iCAAnCT,oB,eACQ;AACjBG,EAAAA,iBAAiB,EAAEO,sBAAUC,IAAV,CAAeC,UADjB;AAEjBR,EAAAA,MAAM,EAAEM,sBAAUG,IAFD;AAGjBX,EAAAA,QAAQ,EAAEQ,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEJ,UAHlE;AAIjBP,EAAAA,QAAQ,EAAEK,sBAAUG;AAJH,C","sourcesContent":["import React from 'react';\nimport PlaceHolder from './placeholder';\nimport PropTypes from 'prop-types';\n\nexport class DroppablePlaceholder extends React.Component {\n  static propTypes = {\n    connectDropTarget: PropTypes.func.isRequired,\n    isOver: PropTypes.bool,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    disabled: PropTypes.bool,\n  };\n\n  render() {\n    const { children, connectDropTarget, isOver, disabled, classes } = this.props;\n\n    return connectDropTarget(\n      <div style={{ flex: 1 }}>\n        <PlaceHolder disabled={disabled} isOver={isOver} choiceBoard={true} className={classes}>\n          {children}\n        </PlaceHolder>\n      </div>,\n    );\n  }\n}\n"],"file":"droppable-placeholder.js"}

package/lib/index.js

@@ -19,6 +19,12 @@ Object.defineProperty(exports, "DndProvider", {
     return _reactDnd.DndProvider;
   }
 });
+Object.defineProperty(exports, "DragDroppablePlaceholder", {
+  enumerable: true,
+  get: function get() {
+    return _dragInTheBlankDp["default"];
+  }
+});
 Object.defineProperty(exports, "DragSource", {
   enumerable: true,
   get: function get() {
@@ -31,10 +37,10 @@ Object.defineProperty(exports, "DropTarget", {
     return _reactDnd.DropTarget;
   }
 });
-Object.defineProperty(exports, "DroppablePlaceholder", {
+Object.defineProperty(exports, "MatchDroppablePlaceholder", {
   enumerable: true,
   get: function get() {
-    return _droppablePlaceholder["default"];
+    return _matchListDp["default"];
   }
 });
 Object.defineProperty(exports, "PlaceHolder", {
@@ -61,8 +67,6 @@ var _reactDnd = require("react-dnd");
 
 var _placeholder = _interopRequireDefault(require("./placeholder"));
 
-var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
-
 var _choice = _interopRequireDefault(require("./choice"));
 
 var _withDragContext = _interopRequireDefault(require("./with-drag-context"));
@@ -73,6 +77,10 @@ var uid = _interopRequireWildcard(require("./uid-context"));
 
 exports.uid = uid;
 
+var _matchListDp = _interopRequireDefault(require("./match-list-dp"));
+
+var _dragInTheBlankDp = _interopRequireDefault(require("./drag-in-the-blank-dp"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import { DndProvider, DragSource, DropTarget } from 'react-dnd';\n\nimport PlaceHolder from './placeholder';\nimport DroppablePlaceholder from './droppable-placeholder';\nimport Choice from './choice';\nimport withDragContext from './with-drag-context';\nimport swap from './swap';\nimport * as uid from './uid-context';\n\nexport { DndProvider, PlaceHolder, DroppablePlaceholder, withDragContext, Choice, swap, uid, DragSource, DropTarget };\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AACA;;AACA","sourcesContent":["import { DndProvider, DragSource, DropTarget } from 'react-dnd';\n\nimport PlaceHolder from './placeholder';\nimport Choice from './choice';\nimport withDragContext from './with-drag-context';\nimport swap from './swap';\nimport * as uid from './uid-context';\nimport MatchDroppablePlaceholder from './match-list-dp';\nimport DragDroppablePlaceholder from './drag-in-the-blank-dp';\n\nexport {\n  DndProvider,\n  PlaceHolder,\n  MatchDroppablePlaceholder,\n  DragDroppablePlaceholder,\n  withDragContext,\n  Choice,\n  swap,\n  uid,\n  DragSource,\n  DropTarget,\n};\n"],"file":"index.js"}

package/lib/match-list-dp.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spec = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactDnd = require("react-dnd");
+
+var _droppablePlaceholder = require("./droppable-placeholder");
+
+var DRAG_TYPE = 'Answer';
+var spec = {
+  canDrop: function canDrop(props) {
+    return !props.disabled;
+  },
+  drop: function drop(props, monitor) {
+    var item = monitor.getItem();
+
+    if (props.onRemoveAnswer) {
+      props.onRemoveAnswer(item.promptId);
+    }
+  }
+};
+exports.spec = spec;
+var WithTarget = (0, _reactDnd.DropTarget)(DRAG_TYPE, spec, function (connect, monitor) {
+  return {
+    connectDropTarget: connect.dropTarget(),
+    isOver: monitor.isOver()
+  };
+})(_droppablePlaceholder.DroppablePlaceholder);
+var _default = WithTarget;
+exports["default"] = _default;
+//# sourceMappingURL=match-list-dp.js.map

package/lib/match-list-dp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/match-list-dp.jsx"],"names":["DRAG_TYPE","spec","canDrop","props","disabled","drop","monitor","item","getItem","onRemoveAnswer","promptId","WithTarget","connect","connectDropTarget","dropTarget","isOver","DroppablePlaceholder"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,GAAG,QAAlB;AAEO,IAAMC,IAAI,GAAG;AAClBC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,WAAO,CAACA,KAAK,CAACC,QAAd;AACD,GAHiB;AAIlBC,EAAAA,IAAI,EAAE,cAACF,KAAD,EAAQG,OAAR,EAAoB;AACxB,QAAMC,IAAI,GAAGD,OAAO,CAACE,OAAR,EAAb;;AAEA,QAAIL,KAAK,CAACM,cAAV,EAA0B;AACxBN,MAAAA,KAAK,CAACM,cAAN,CAAqBF,IAAI,CAACG,QAA1B;AACD;AACF;AAViB,CAAb;;AAaP,IAAMC,UAAU,GAAG,0BAAWX,SAAX,EAAsBC,IAAtB,EAA4B,UAACW,OAAD,EAAUN,OAAV;AAAA,SAAuB;AACpEO,IAAAA,iBAAiB,EAAED,OAAO,CAACE,UAAR,EADiD;AAEpEC,IAAAA,MAAM,EAAET,OAAO,CAACS,MAAR;AAF4D,GAAvB;AAAA,CAA5B,EAGfC,0CAHe,CAAnB;eAKeL,U","sourcesContent":["import React from 'react';\nimport PlaceHolder from './placeholder';\nimport PropTypes from 'prop-types';\nimport { DropTarget } from 'react-dnd';\nimport { DroppablePlaceholder } from './droppable-placeholder';\n\nconst DRAG_TYPE = 'Answer';\n\nexport const spec = {\n  canDrop: (props) => {\n    return !props.disabled;\n  },\n  drop: (props, monitor) => {\n    const item = monitor.getItem();\n\n    if (props.onRemoveAnswer) {\n      props.onRemoveAnswer(item.promptId);\n    }\n  },\n};\n\nconst WithTarget = DropTarget(DRAG_TYPE, spec, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(DroppablePlaceholder);\n\nexport default WithTarget;\n"],"file":"match-list-dp.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/drag",
-  "version": "2.0.5",
+  "version": "2.0.6-next.8+12403052",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -17,5 +17,5 @@
   "scripts": {},
   "author": "",
   "license": "ISC",
-  "gitHead": "252c387e845b7f3b5887d10ae458cefb76ad3fa5"
+  "gitHead": "12403052ab65de1e3884b9ebca1042f731046fd3"
 }

package/src/drag-in-the-blank-dp.jsx

@@ -0,0 +1,20 @@
+import { DropTarget } from 'react-dnd';
+import { DroppablePlaceholder } from '../lib/droppable-placeholder';
+
+const DRAG_TYPE = 'MaskBlank';
+
+export const spec = {
+  canDrop: (props) => {
+    return !props.disabled;
+  },
+  drop: () => ({
+    dropped: true,
+  }),
+};
+
+const WithTarget = DropTarget(DRAG_TYPE, spec, (connect, monitor) => ({
+  connectDropTarget: connect.dropTarget(),
+  isOver: monitor.isOver(),
+}))(DroppablePlaceholder);
+
+export default WithTarget;

package/src/droppable-placeholder.jsx

@@ -1,11 +1,8 @@
 import React from 'react';
 import PlaceHolder from './placeholder';
 import PropTypes from 'prop-types';
-import { DropTarget } from 'react-dnd';
 
-const DRAG_TYPE = window.demo?.markup?.includes('match-list') ? 'Answer' : 'MaskBlank';
-
-class DroppablePlaceholder extends React.Component {
+export class DroppablePlaceholder extends React.Component {
   static propTypes = {
     connectDropTarget: PropTypes.func.isRequired,
     isOver: PropTypes.bool,
@@ -25,27 +22,3 @@ class DroppablePlaceholder extends React.Component {
     );
   }
 }
-
-export const spec = {
-  canDrop: (props) => {
-    return !props.disabled;
-  },
-  drop: (props, monitor) => {
-    const item = monitor.getItem();
-
-    if (DRAG_TYPE === 'Answer') {
-      props.onRemoveAnswer(item.promptId);
-    } else if (item.id) {
-      return {
-        dropped: true,
-      };
-    }
-  },
-};
-
-const WithTarget = DropTarget(DRAG_TYPE, spec, (connect, monitor) => ({
-  connectDropTarget: connect.dropTarget(),
-  isOver: monitor.isOver(),
-}))(DroppablePlaceholder);
-
-export default WithTarget;

package/src/index.js

@@ -1,10 +1,22 @@
 import { DndProvider, DragSource, DropTarget } from 'react-dnd';
 
 import PlaceHolder from './placeholder';
-import DroppablePlaceholder from './droppable-placeholder';
 import Choice from './choice';
 import withDragContext from './with-drag-context';
 import swap from './swap';
 import * as uid from './uid-context';
+import MatchDroppablePlaceholder from './match-list-dp';
+import DragDroppablePlaceholder from './drag-in-the-blank-dp';
 
-export { DndProvider, PlaceHolder, DroppablePlaceholder, withDragContext, Choice, swap, uid, DragSource, DropTarget };
+export {
+  DndProvider,
+  PlaceHolder,
+  MatchDroppablePlaceholder,
+  DragDroppablePlaceholder,
+  withDragContext,
+  Choice,
+  swap,
+  uid,
+  DragSource,
+  DropTarget,
+};

package/src/match-list-dp.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import PlaceHolder from './placeholder';
+import PropTypes from 'prop-types';
+import { DropTarget } from 'react-dnd';
+import { DroppablePlaceholder } from './droppable-placeholder';
+
+const DRAG_TYPE = 'Answer';
+
+export const spec = {
+  canDrop: (props) => {
+    return !props.disabled;
+  },
+  drop: (props, monitor) => {
+    const item = monitor.getItem();
+
+    if (props.onRemoveAnswer) {
+      props.onRemoveAnswer(item.promptId);
+    }
+  },
+};
+
+const WithTarget = DropTarget(DRAG_TYPE, spec, (connect, monitor) => ({
+  connectDropTarget: connect.dropTarget(),
+  isOver: monitor.isOver(),
+}))(DroppablePlaceholder);
+
+export default WithTarget;