@pie-lib/drag 2.1.17 → 2.1.18-next.4

package/lib/droppable-placeholder.js

@@ -65,6 +65,7 @@ var DroppablePlaceholder = /*#__PURE__*/function (_React$Component) {
 
 exports.DroppablePlaceholder = DroppablePlaceholder;
 (0, _defineProperty2["default"])(DroppablePlaceholder, "propTypes", {
+  classes: _propTypes["default"].object,
   connectDropTarget: _propTypes["default"].func.isRequired,
   isOver: _propTypes["default"].bool,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,

package/lib/droppable-placeholder.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../src/droppable-placeholder.jsx"],"names":["DroppablePlaceholder","props","children","connectDropTarget","isOver","disabled","classes","flex","React","Component","PropTypes","object","func","isRequired","bool","oneOfType","arrayOf","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEaA,oB;;;;;;;;;;;;WASX,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;;;EAnBuCM,kBAAMC,S;;;iCAAnCT,oB,eACQ;AACjBM,EAAAA,OAAO,EAAEI,sBAAUC,MADF;AAEjBR,EAAAA,iBAAiB,EAAEO,sBAAUE,IAAV,CAAeC,UAFjB;AAGjBT,EAAAA,MAAM,EAAEM,sBAAUI,IAHD;AAIjBZ,EAAAA,QAAQ,EAAEQ,sBAAUK,SAAV,CAAoB,CAACL,sBAAUM,OAAV,CAAkBN,sBAAUO,IAA5B,CAAD,EAAoCP,sBAAUO,IAA9C,CAApB,EAAyEJ,UAJlE;AAKjBR,EAAAA,QAAQ,EAAEK,sBAAUI;AALH,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    classes: PropTypes.object,\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/match-list-dp.js

@@ -1,14 +1,10 @@
 "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 _reactDnd = require("react-dnd");
 
 var _droppablePlaceholder = require("./droppable-placeholder");

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

@@ -1 +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;;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 { 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"}
+{"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;;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 { 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/lib/placeholder.js

@@ -47,6 +47,7 @@ var PlaceHolder = function PlaceHolder(props) {
 exports.PlaceHolder = PlaceHolder;
 PlaceHolder.propTypes = {
   classes: _propTypes["default"].object.isRequired,
+  choiceBoard: _propTypes["default"].bool,
   grid: _propTypes["default"].shape({
     columns: _propTypes["default"].number,
     rows: _propTypes["default"].number,

package/lib/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/placeholder.jsx"],"names":["PlaceHolder","props","children","classes","className","isOver","type","grid","disabled","choiceBoard","names","placeholder","over","style","columns","gridTemplateColumns","rows","repeatValue","rowsRepeatValue","gridTemplateRows","board","propTypes","PropTypes","object","isRequired","shape","number","string","oneOfType","arrayOf","node","bool","index","styles","theme","width","height","background","palette","grey","border","transition","boxSizing","display","gridRowGap","spacing","unit","gridColumnGap","padding","boxShadow","paper","backgroundColor","flexWrap","alignItems","minHeight","justifyContent","overflow","touchAction"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport grey from '@material-ui/core/colors/grey';\n\nexport const PlaceHolder = (props) => {\n  const { children, classes, className, isOver, type, grid, disabled, choiceBoard } = props;\n  const names = classNames(\n    classes.placeholder,\n    disabled && classes.disabled,\n    isOver && classes.over,\n    classes[type],\n    className,\n  );\n\n  const style = {};\n\n  if (grid && grid.columns) {\n    style.gridTemplateColumns = `repeat(${grid.columns}, 1fr)`;\n  }\n  if (grid && grid.rows) {\n    const repeatValue = grid.rowsRepeatValue || '1fr';\n\n    style.gridTemplateRows = `repeat(${grid.rows}, ${repeatValue})`;\n  }\n\n  return (\n    <div style={style} className={choiceBoard ? classes.board : names}>\n      {children}\n    </div>\n  );\n};\n\nPlaceHolder.propTypes = {\n  classes: PropTypes.object.isRequired,\n  grid: PropTypes.shape({\n    columns: PropTypes.number,\n    rows: PropTypes.number,\n    // if a different value then 1fr is wanted\n    rowsRepeatValue: PropTypes.string,\n  }),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  className: PropTypes.string,\n  isOver: PropTypes.bool,\n  index: PropTypes.number,\n  type: PropTypes.string,\n  disabled: PropTypes.bool,\n};\n\nconst styles = (theme) => ({\n  placeholder: {\n    width: '100%',\n    height: '100%',\n    background: theme.palette.grey[200],\n    border: '1px solid #D1D1D1',\n    transition: 'background-color 200ms linear, border-color 200ms linear',\n    boxSizing: 'border-box',\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n    padding: theme.spacing.unit * 1,\n  },\n  disabled: {\n    boxShadow: 'none',\n    background: theme.palette.background.paper,\n  },\n  over: {\n    border: `1px solid ${grey[500]}`,\n    backgroundColor: `${grey[300]}`,\n  },\n  board: {\n    border: '1px solid #D1D1D1',\n    padding: theme.spacing.unit,\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    minHeight: '200px',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    touchAction: 'none',\n  },\n});\n\nexport default withStyles(styles)(PlaceHolder);\n"],"file":"placeholder.js"}
+{"version":3,"sources":["../src/placeholder.jsx"],"names":["PlaceHolder","props","children","classes","className","isOver","type","grid","disabled","choiceBoard","names","placeholder","over","style","columns","gridTemplateColumns","rows","repeatValue","rowsRepeatValue","gridTemplateRows","board","propTypes","PropTypes","object","isRequired","bool","shape","number","string","oneOfType","arrayOf","node","index","styles","theme","width","height","background","palette","grey","border","transition","boxSizing","display","gridRowGap","spacing","unit","gridColumnGap","padding","boxShadow","paper","backgroundColor","flexWrap","alignItems","minHeight","justifyContent","overflow","touchAction"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;AACpC,MAAQC,QAAR,GAAoFD,KAApF,CAAQC,QAAR;AAAA,MAAkBC,OAAlB,GAAoFF,KAApF,CAAkBE,OAAlB;AAAA,MAA2BC,SAA3B,GAAoFH,KAApF,CAA2BG,SAA3B;AAAA,MAAsCC,MAAtC,GAAoFJ,KAApF,CAAsCI,MAAtC;AAAA,MAA8CC,IAA9C,GAAoFL,KAApF,CAA8CK,IAA9C;AAAA,MAAoDC,IAApD,GAAoFN,KAApF,CAAoDM,IAApD;AAAA,MAA0DC,QAA1D,GAAoFP,KAApF,CAA0DO,QAA1D;AAAA,MAAoEC,WAApE,GAAoFR,KAApF,CAAoEQ,WAApE;AACA,MAAMC,KAAK,GAAG,4BACZP,OAAO,CAACQ,WADI,EAEZH,QAAQ,IAAIL,OAAO,CAACK,QAFR,EAGZH,MAAM,IAAIF,OAAO,CAACS,IAHN,EAIZT,OAAO,CAACG,IAAD,CAJK,EAKZF,SALY,CAAd;AAQA,MAAMS,KAAK,GAAG,EAAd;;AAEA,MAAIN,IAAI,IAAIA,IAAI,CAACO,OAAjB,EAA0B;AACxBD,IAAAA,KAAK,CAACE,mBAAN,oBAAsCR,IAAI,CAACO,OAA3C;AACD;;AACD,MAAIP,IAAI,IAAIA,IAAI,CAACS,IAAjB,EAAuB;AACrB,QAAMC,WAAW,GAAGV,IAAI,CAACW,eAAL,IAAwB,KAA5C;AAEAL,IAAAA,KAAK,CAACM,gBAAN,oBAAmCZ,IAAI,CAACS,IAAxC,eAAiDC,WAAjD;AACD;;AAED,sBACE;AAAK,IAAA,KAAK,EAAEJ,KAAZ;AAAmB,IAAA,SAAS,EAAEJ,WAAW,GAAGN,OAAO,CAACiB,KAAX,GAAmBV;AAA5D,KACGR,QADH,CADF;AAKD,CA1BM;;;AA4BPF,WAAW,CAACqB,SAAZ,GAAwB;AACtBlB,EAAAA,OAAO,EAAEmB,sBAAUC,MAAV,CAAiBC,UADJ;AAEtBf,EAAAA,WAAW,EAAEa,sBAAUG,IAFD;AAGtBlB,EAAAA,IAAI,EAAEe,sBAAUI,KAAV,CAAgB;AACpBZ,IAAAA,OAAO,EAAEQ,sBAAUK,MADC;AAEpBX,IAAAA,IAAI,EAAEM,sBAAUK,MAFI;AAGpB;AACAT,IAAAA,eAAe,EAAEI,sBAAUM;AAJP,GAAhB,CAHgB;AAStB1B,EAAAA,QAAQ,EAAEoB,sBAAUO,SAAV,CAAoB,CAACP,sBAAUQ,OAAV,CAAkBR,sBAAUS,IAA5B,CAAD,EAAoCT,sBAAUS,IAA9C,CAApB,EAAyEP,UAT7D;AAUtBpB,EAAAA,SAAS,EAAEkB,sBAAUM,MAVC;AAWtBvB,EAAAA,MAAM,EAAEiB,sBAAUG,IAXI;AAYtBO,EAAAA,KAAK,EAAEV,sBAAUK,MAZK;AAatBrB,EAAAA,IAAI,EAAEgB,sBAAUM,MAbM;AActBpB,EAAAA,QAAQ,EAAEc,sBAAUG;AAdE,CAAxB;;AAiBA,IAAMQ,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBvB,IAAAA,WAAW,EAAE;AACXwB,MAAAA,KAAK,EAAE,MADI;AAEXC,MAAAA,MAAM,EAAE,MAFG;AAGXC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAHD;AAIXC,MAAAA,MAAM,EAAE,mBAJG;AAKXC,MAAAA,UAAU,EAAE,0DALD;AAMXC,MAAAA,SAAS,EAAE,YANA;AAOXC,MAAAA,OAAO,EAAE,MAPE;AAQXC,MAAAA,UAAU,YAAKV,KAAK,CAACW,OAAN,CAAcC,IAAnB,OARC;AASXC,MAAAA,aAAa,YAAKb,KAAK,CAACW,OAAN,CAAcC,IAAnB,OATF;AAUXE,MAAAA,OAAO,EAAEd,KAAK,CAACW,OAAN,CAAcC,IAAd,GAAqB;AAVnB,KADY;AAazBtC,IAAAA,QAAQ,EAAE;AACRyC,MAAAA,SAAS,EAAE,MADH;AAERZ,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcD,UAAd,CAAyBa;AAF7B,KAbe;AAiBzBtC,IAAAA,IAAI,EAAE;AACJ4B,MAAAA,MAAM,sBAAeD,iBAAK,GAAL,CAAf,CADF;AAEJY,MAAAA,eAAe,YAAKZ,iBAAK,GAAL,CAAL;AAFX,KAjBmB;AAqBzBnB,IAAAA,KAAK,EAAE;AACLoB,MAAAA,MAAM,EAAE,mBADH;AAELQ,MAAAA,OAAO,EAAEd,KAAK,CAACW,OAAN,CAAcC,IAFlB;AAGLH,MAAAA,OAAO,EAAE,MAHJ;AAILS,MAAAA,QAAQ,EAAE,MAJL;AAKLC,MAAAA,UAAU,EAAE,QALP;AAMLC,MAAAA,SAAS,EAAE,OANN;AAOLC,MAAAA,cAAc,EAAE,QAPX;AAQLC,MAAAA,QAAQ,EAAE,QARL;AASLC,MAAAA,WAAW,EAAE;AATR;AArBkB,GAAZ;AAAA,CAAf;;eAkCe,wBAAWxB,MAAX,EAAmBjC,WAAnB,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport grey from '@material-ui/core/colors/grey';\n\nexport const PlaceHolder = (props) => {\n  const { children, classes, className, isOver, type, grid, disabled, choiceBoard } = props;\n  const names = classNames(\n    classes.placeholder,\n    disabled && classes.disabled,\n    isOver && classes.over,\n    classes[type],\n    className,\n  );\n\n  const style = {};\n\n  if (grid && grid.columns) {\n    style.gridTemplateColumns = `repeat(${grid.columns}, 1fr)`;\n  }\n  if (grid && grid.rows) {\n    const repeatValue = grid.rowsRepeatValue || '1fr';\n\n    style.gridTemplateRows = `repeat(${grid.rows}, ${repeatValue})`;\n  }\n\n  return (\n    <div style={style} className={choiceBoard ? classes.board : names}>\n      {children}\n    </div>\n  );\n};\n\nPlaceHolder.propTypes = {\n  classes: PropTypes.object.isRequired,\n  choiceBoard: PropTypes.bool,\n  grid: PropTypes.shape({\n    columns: PropTypes.number,\n    rows: PropTypes.number,\n    // if a different value then 1fr is wanted\n    rowsRepeatValue: PropTypes.string,\n  }),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  className: PropTypes.string,\n  isOver: PropTypes.bool,\n  index: PropTypes.number,\n  type: PropTypes.string,\n  disabled: PropTypes.bool,\n};\n\nconst styles = (theme) => ({\n  placeholder: {\n    width: '100%',\n    height: '100%',\n    background: theme.palette.grey[200],\n    border: '1px solid #D1D1D1',\n    transition: 'background-color 200ms linear, border-color 200ms linear',\n    boxSizing: 'border-box',\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n    padding: theme.spacing.unit * 1,\n  },\n  disabled: {\n    boxShadow: 'none',\n    background: theme.palette.background.paper,\n  },\n  over: {\n    border: `1px solid ${grey[500]}`,\n    backgroundColor: `${grey[300]}`,\n  },\n  board: {\n    border: '1px solid #D1D1D1',\n    padding: theme.spacing.unit,\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    minHeight: '200px',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    touchAction: 'none',\n  },\n});\n\nexport default withStyles(styles)(PlaceHolder);\n"],"file":"placeholder.js"}

package/lib/with-drag-context.js

@@ -16,6 +16,7 @@ var _reactDnd = require("react-dnd");
 // import { TouchBackend } from 'react-dnd-touch-backend';
 // const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 // https://github.com/react-dnd/react-dnd/issues/3257
+// eslint-disable-next-line react/display-name
 var _default = function _default(Component) {
   return function (props) {
     return (

package/lib/with-drag-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/with-drag-context.js"],"names":["Component","props","HTML5Backend","window"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA;;AAFA;AAIA;AAEA;eACe,kBAACA,SAAD;AAAA,SAAe,UAACC,KAAD;AAAA;AAAA;AAC5B;AACA,sCAAC,qBAAD;AAAa,QAAA,OAAO,EAAEC,kCAAtB;AAAoC,QAAA,OAAO,EAAEC;AAA7C,sBACE,gCAAC,SAAD,EAAeF,KAAf,CADF;AAF4B;AAAA,GAAf;AAAA,C","sourcesContent":["import React from 'react';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n// import { TouchBackend } from 'react-dnd-touch-backend';\n\nimport { DndProvider } from 'react-dnd';\n\n// const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;\n\n// https://github.com/react-dnd/react-dnd/issues/3257\nexport default (Component) => (props) => (\n  // <DndProvider backend={isTouchEnabled ? TouchBackend : HTML5Backend} context={window}>\n  <DndProvider backend={HTML5Backend} context={window}>\n    <Component {...props} />\n  </DndProvider>\n);\n"],"file":"with-drag-context.js"}
+{"version":3,"sources":["../src/with-drag-context.js"],"names":["Component","props","HTML5Backend","window"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA;;AAFA;AAIA;AAEA;AACA;eACe,kBAACA,SAAD;AAAA,SAAe,UAACC,KAAD;AAAA;AAAA;AAC5B;AACA,sCAAC,qBAAD;AAAa,QAAA,OAAO,EAAEC,kCAAtB;AAAoC,QAAA,OAAO,EAAEC;AAA7C,sBACE,gCAAC,SAAD,EAAeF,KAAf,CADF;AAF4B;AAAA,GAAf;AAAA,C","sourcesContent":["import React from 'react';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n// import { TouchBackend } from 'react-dnd-touch-backend';\n\nimport { DndProvider } from 'react-dnd';\n\n// const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;\n\n// https://github.com/react-dnd/react-dnd/issues/3257\n// eslint-disable-next-line react/display-name\nexport default (Component) => (props) => (\n  // <DndProvider backend={isTouchEnabled ? TouchBackend : HTML5Backend} context={window}>\n  <DndProvider backend={HTML5Backend} context={window}>\n    <Component {...props} />\n  </DndProvider>\n);\n"],"file":"with-drag-context.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/drag",
-  "version": "2.1.17",
+  "version": "2.1.18-next.4+6f82e209",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -18,5 +18,5 @@
   "scripts": {},
   "author": "",
   "license": "ISC",
-  "gitHead": "04b456c54b823618a9b8a6c24c9ffa5fb323eea8"
+  "gitHead": "6f82e209bcfaede19f4ff2225a17466a617a599e"
 }

package/src/droppable-placeholder.jsx

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 
 export class DroppablePlaceholder extends React.Component {
   static propTypes = {
+    classes: PropTypes.object,
     connectDropTarget: PropTypes.func.isRequired,
     isOver: PropTypes.bool,
     children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,

package/src/match-list-dp.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DropTarget } from 'react-dnd';
 import { DroppablePlaceholder } from './droppable-placeholder';
 

package/src/placeholder.jsx

@@ -34,6 +34,7 @@ export const PlaceHolder = (props) => {
 
 PlaceHolder.propTypes = {
   classes: PropTypes.object.isRequired,
+  choiceBoard: PropTypes.bool,
   grid: PropTypes.shape({
     columns: PropTypes.number,
     rows: PropTypes.number,

package/src/with-drag-context.js

@@ -7,6 +7,7 @@ import { DndProvider } from 'react-dnd';
 // const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 
 // https://github.com/react-dnd/react-dnd/issues/3257
+// eslint-disable-next-line react/display-name
 export default (Component) => (props) => (
   // <DndProvider backend={isTouchEnabled ? TouchBackend : HTML5Backend} context={window}>
   <DndProvider backend={HTML5Backend} context={window}>