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

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.0.6...@pie-lib/drag@2.1.0) (2023-01-16)
+
+
+### Bug Fixes
+
+* **match-list:** fix choices arrangement in the drag placeholder ([c05ad41](https://github.com/pie-framework/pie-lib/commit/c05ad41d37704aad0927fb36705c47cafe40add0))
+
+
+### Features
+
+* added theme naming support + cleanup ([72d562d](https://github.com/pie-framework/pie-lib/commit/72d562d509e5d31d883690eb455a9afea6bf54fc))
+
+
+
+
+
+## [2.0.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.0.5...@pie-lib/drag@2.0.6) (2023-01-04)
+
+
+### Bug Fixes
+
+* **drag:** refactor the droppable placeholder for match-list and drag-in-the-blank PD-1954 PD-1956 ([8696d61](https://github.com/pie-framework/pie-lib/commit/8696d61a0762835186ceb876e03100e2e9c820fc))
+
+
+
+
+
 ## [2.0.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.0.4...@pie-lib/drag@2.0.5) (2023-01-03)
 
 

package/lib/choice.js

@@ -78,7 +78,7 @@ exports.Choice = Choice;
 var styles = function styles(theme) {
   return {
     choice: {
-      backgroundColor: 'white',
+      backgroundColor: theme.palette.background.paper,
       border: "solid 1px ".concat(_grey["default"][400]),
       padding: theme.spacing.unit,
       minHeight: '30px'

package/lib/choice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/choice.jsx"],"names":["DRAG_TYPE","Choice","props","classes","className","children","connectDragSource","choice","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","func","styles","theme","backgroundColor","border","grey","padding","spacing","unit","minHeight","choiceSource","canDrag","disabled","beginDrag","out","choiceId","id","from","category","alternateResponseIndex","choiceIndex","endDrag","monitor","didDrop","item","getItem","onRemoveChoice","styledChoice","DraggableChoice","uid","connect","dragSource","connectDragPreview","dragPreview","isDragging"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEO,IAAMA,SAAS,GAAG,QAAlB;;;IAEMC,M;;;;;;;;;;;;WAUX,kBAAS;AACP,wBAA4D,KAAKC,KAAjE;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,QAA5B,eAA4BA,QAA5B;AAAA,UAAsCC,iBAAtC,eAAsCA,iBAAtC;AAEA,aAAOA,iBAAiB,eAAC;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,MAAnB,EAA2BH,SAA3B;AAAhB,SAAwDC,QAAxD,CAAD,CAAxB;AACD;;;EAdyBG,kBAAMC,S;;;iCAArBR,M,eACQ;AACjBE,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBC,UADT;AAEjBR,EAAAA,SAAS,EAAEM,sBAAUG,MAFJ;AAGjBR,EAAAA,QAAQ,EAAEK,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,CAHO;AAIjBV,EAAAA,iBAAiB,EAAEI,sBAAUO,IAAV,CAAeL;AAJjB,C;iCADRX,M,kBAQW,E;;AASxB,IAAMiB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBZ,IAAAA,MAAM,EAAE;AACNa,MAAAA,eAAe,EAAE,OADX;AAENC,MAAAA,MAAM,sBAAeC,iBAAK,GAAL,CAAf,CAFA;AAGNC,MAAAA,OAAO,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAHjB;AAINC,MAAAA,SAAS,EAAE;AAJL;AADiB,GAAZ;AAAA,CAAf;;AASA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,OADmB,mBACX1B,KADW,EACJ;AACb,WAAO,CAACA,KAAK,CAAC2B,QAAd;AACD,GAHkB;AAInBC,EAAAA,SAJmB,qBAIT5B,KAJS,EAIF;AACf,QAAM6B,GAAG,GAAG;AACVC,MAAAA,QAAQ,EAAE9B,KAAK,CAACK,MAAN,CAAa0B,EADb;AAEVC,MAAAA,IAAI,EAAEhC,KAAK,CAACiC,QAAN,CAAeF,EAFX;AAGVG,MAAAA,sBAAsB,EAAElC,KAAK,CAACkC,sBAHpB;AAIVC,MAAAA,WAAW,EAAEnC,KAAK,CAACmC;AAJT,KAAZ;AAMA,WAAON,GAAP;AACD,GAZkB;AAcnBO,EAAAA,OAAO,EAAE,iBAACpC,KAAD,EAAQqC,OAAR,EAAoB;AAC3B,QAAI,CAACA,OAAO,CAACC,OAAR,EAAL,EAAwB;AACtB,UAAMC,IAAI,GAAGF,OAAO,CAACG,OAAR,EAAb;;AACA,UAAID,IAAI,CAACP,IAAT,EAAe;AACbhC,QAAAA,KAAK,CAACyC,cAAN,CAAqBF,IAArB;AACD;AACF;AACF;AArBkB,CAArB;AAwBA,IAAMG,YAAY,GAAG,wBAAW1B,MAAX,EAAmBjB,MAAnB,CAArB;AAEA,IAAM4C,eAAe,GAAG,0BACtB;AAAA,MAAGC,GAAH,QAAGA,GAAH;AAAA,SAAaA,GAAb;AAAA,CADsB,EAEtBnB,YAFsB,EAGtB,UAACoB,OAAD,EAAUR,OAAV;AAAA,SAAuB;AACrBjC,IAAAA,iBAAiB,EAAEyC,OAAO,CAACC,UAAR,EADE;AAErBC,IAAAA,kBAAkB,EAAEF,OAAO,CAACG,WAAR,EAFC;AAGrBC,IAAAA,UAAU,EAAEZ,OAAO,CAACY,UAAR;AAHS,GAAvB;AAAA,CAHsB,EAQtBP,YARsB,CAAxB;;eAUe,yBAAQC,eAAR,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { DragSource } from 'react-dnd';\nimport { withUid } from './uid-context';\n\nexport const DRAG_TYPE = 'CHOICE';\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n    connectDragSource: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, children, connectDragSource } = this.props;\n\n    return connectDragSource(<div className={classNames(classes.choice, className)}>{children}</div>);\n  }\n}\n\nconst styles = (theme) => ({\n  choice: {\n    backgroundColor: 'white',\n    border: `solid 1px ${grey[400]}`,\n    padding: theme.spacing.unit,\n    minHeight: '30px',\n  },\n});\n\nconst choiceSource = {\n  canDrag(props) {\n    return !props.disabled;\n  },\n  beginDrag(props) {\n    const out = {\n      choiceId: props.choice.id,\n      from: props.category.id,\n      alternateResponseIndex: props.alternateResponseIndex,\n      choiceIndex: props.choiceIndex,\n    };\n    return out;\n  },\n\n  endDrag: (props, monitor) => {\n    if (!monitor.didDrop()) {\n      const item = monitor.getItem();\n      if (item.from) {\n        props.onRemoveChoice(item);\n      }\n    }\n  },\n};\n\nconst styledChoice = withStyles(styles)(Choice);\n\nconst DraggableChoice = DragSource(\n  ({ uid }) => uid,\n  choiceSource,\n  (connect, monitor) => ({\n    connectDragSource: connect.dragSource(),\n    connectDragPreview: connect.dragPreview(),\n    isDragging: monitor.isDragging(),\n  }),\n)(styledChoice);\n\nexport default withUid(DraggableChoice);\n"],"file":"choice.js"}
+{"version":3,"sources":["../src/choice.jsx"],"names":["DRAG_TYPE","Choice","props","classes","className","children","connectDragSource","choice","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","func","styles","theme","backgroundColor","palette","background","paper","border","grey","padding","spacing","unit","minHeight","choiceSource","canDrag","disabled","beginDrag","out","choiceId","id","from","category","alternateResponseIndex","choiceIndex","endDrag","monitor","didDrop","item","getItem","onRemoveChoice","styledChoice","DraggableChoice","uid","connect","dragSource","connectDragPreview","dragPreview","isDragging"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEO,IAAMA,SAAS,GAAG,QAAlB;;;IAEMC,M;;;;;;;;;;;;WAUX,kBAAS;AACP,wBAA4D,KAAKC,KAAjE;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,QAA5B,eAA4BA,QAA5B;AAAA,UAAsCC,iBAAtC,eAAsCA,iBAAtC;AAEA,aAAOA,iBAAiB,eAAC;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,MAAnB,EAA2BH,SAA3B;AAAhB,SAAwDC,QAAxD,CAAD,CAAxB;AACD;;;EAdyBG,kBAAMC,S;;;iCAArBR,M,eACQ;AACjBE,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBC,UADT;AAEjBR,EAAAA,SAAS,EAAEM,sBAAUG,MAFJ;AAGjBR,EAAAA,QAAQ,EAAEK,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,CAHO;AAIjBV,EAAAA,iBAAiB,EAAEI,sBAAUO,IAAV,CAAeL;AAJjB,C;iCADRX,M,kBAQW,E;;AASxB,IAAMiB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBZ,IAAAA,MAAM,EAAE;AACNa,MAAAA,eAAe,EAAED,KAAK,CAACE,OAAN,CAAcC,UAAd,CAAyBC,KADpC;AAENC,MAAAA,MAAM,sBAAeC,iBAAK,GAAL,CAAf,CAFA;AAGNC,MAAAA,OAAO,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IAHjB;AAINC,MAAAA,SAAS,EAAE;AAJL;AADiB,GAAZ;AAAA,CAAf;;AASA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,OADmB,mBACX7B,KADW,EACJ;AACb,WAAO,CAACA,KAAK,CAAC8B,QAAd;AACD,GAHkB;AAInBC,EAAAA,SAJmB,qBAIT/B,KAJS,EAIF;AACf,QAAMgC,GAAG,GAAG;AACVC,MAAAA,QAAQ,EAAEjC,KAAK,CAACK,MAAN,CAAa6B,EADb;AAEVC,MAAAA,IAAI,EAAEnC,KAAK,CAACoC,QAAN,CAAeF,EAFX;AAGVG,MAAAA,sBAAsB,EAAErC,KAAK,CAACqC,sBAHpB;AAIVC,MAAAA,WAAW,EAAEtC,KAAK,CAACsC;AAJT,KAAZ;AAMA,WAAON,GAAP;AACD,GAZkB;AAcnBO,EAAAA,OAAO,EAAE,iBAACvC,KAAD,EAAQwC,OAAR,EAAoB;AAC3B,QAAI,CAACA,OAAO,CAACC,OAAR,EAAL,EAAwB;AACtB,UAAMC,IAAI,GAAGF,OAAO,CAACG,OAAR,EAAb;;AACA,UAAID,IAAI,CAACP,IAAT,EAAe;AACbnC,QAAAA,KAAK,CAAC4C,cAAN,CAAqBF,IAArB;AACD;AACF;AACF;AArBkB,CAArB;AAwBA,IAAMG,YAAY,GAAG,wBAAW7B,MAAX,EAAmBjB,MAAnB,CAArB;AAEA,IAAM+C,eAAe,GAAG,0BACtB;AAAA,MAAGC,GAAH,QAAGA,GAAH;AAAA,SAAaA,GAAb;AAAA,CADsB,EAEtBnB,YAFsB,EAGtB,UAACoB,OAAD,EAAUR,OAAV;AAAA,SAAuB;AACrBpC,IAAAA,iBAAiB,EAAE4C,OAAO,CAACC,UAAR,EADE;AAErBC,IAAAA,kBAAkB,EAAEF,OAAO,CAACG,WAAR,EAFC;AAGrBC,IAAAA,UAAU,EAAEZ,OAAO,CAACY,UAAR;AAHS,GAAvB;AAAA,CAHsB,EAQtBP,YARsB,CAAxB;;eAUe,yBAAQC,eAAR,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { DragSource } from 'react-dnd';\nimport { withUid } from './uid-context';\n\nexport const DRAG_TYPE = 'CHOICE';\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n    connectDragSource: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, children, connectDragSource } = this.props;\n\n    return connectDragSource(<div className={classNames(classes.choice, className)}>{children}</div>);\n  }\n}\n\nconst styles = (theme) => ({\n  choice: {\n    backgroundColor: theme.palette.background.paper,\n    border: `solid 1px ${grey[400]}`,\n    padding: theme.spacing.unit,\n    minHeight: '30px',\n  },\n});\n\nconst choiceSource = {\n  canDrag(props) {\n    return !props.disabled;\n  },\n  beginDrag(props) {\n    const out = {\n      choiceId: props.choice.id,\n      from: props.category.id,\n      alternateResponseIndex: props.alternateResponseIndex,\n      choiceIndex: props.choiceIndex,\n    };\n    return out;\n  },\n\n  endDrag: (props, monitor) => {\n    if (!monitor.didDrop()) {\n      const item = monitor.getItem();\n      if (item.from) {\n        props.onRemoveChoice(item);\n      }\n    }\n  },\n};\n\nconst styledChoice = withStyles(styles)(Choice);\n\nconst DraggableChoice = DragSource(\n  ({ uid }) => uid,\n  choiceSource,\n  (connect, monitor) => ({\n    connectDragSource: connect.dragSource(),\n    connectDragPreview: connect.dragPreview(),\n    isDragging: monitor.isDragging(),\n  }),\n)(styledChoice);\n\nexport default withUid(DraggableChoice);\n"],"file":"choice.js"}

package/lib/match-list-dp.js

@@ -9,10 +9,6 @@ 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");

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;;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"}
+{"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"}

package/lib/placeholder.js

@@ -66,7 +66,7 @@ var styles = function styles(theme) {
     placeholder: {
       width: '100%',
       height: '100%',
-      background: '#EEEEEE',
+      background: theme.palette.grey[200],
       border: '1px solid #D1D1D1',
       transition: 'background-color 200ms linear, border-color 200ms linear',
       boxSizing: 'border-box',
@@ -77,7 +77,7 @@ var styles = function styles(theme) {
     },
     disabled: {
       boxShadow: 'none',
-      background: 'white'
+      background: theme.palette.background.paper
     },
     over: {
       border: "1px solid ".concat(_grey["default"][500]),
@@ -85,12 +85,12 @@ var styles = function styles(theme) {
     },
     board: {
       border: '1px solid #D1D1D1',
-      padding: '10px',
+      padding: theme.spacing.unit,
       display: 'flex',
       flexWrap: 'wrap',
       alignItems: 'center',
       minHeight: '200px',
-      justifyContent: 'space-between'
+      justifyContent: 'center'
     }
   };
 };

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","border","transition","boxSizing","display","gridRowGap","spacing","unit","gridColumnGap","padding","boxShadow","grey","backgroundColor","flexWrap","alignItems","minHeight","justifyContent"],"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: '#EEEEEE',\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: 'white',\n  },\n  over: {\n    border: `1px solid ${grey[500]}`,\n    backgroundColor: `${grey[300]}`,\n  },\n  board: {\n    border: '1px solid #D1D1D1',\n    padding: '10px',\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    minHeight: '200px',\n    justifyContent: 'space-between',\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","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"],"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  },\n});\n\nexport default withStyles(styles)(PlaceHolder);\n"],"file":"placeholder.js"}

package/lib/swap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/swap.js"],"names":["arr","fromIndex","toIndex","length","undefined","Error","update","tmp"],"mappings":";;;;;;;;;AAAA;;eAEe,kBAACA,GAAD,EAAMC,SAAN,EAAiBC,OAAjB,EAA6B;AAC1C,MAAI,CAACF,GAAD,IAAQA,GAAG,CAACG,MAAJ,IAAc,CAAtB,IAA2BF,SAAS,KAAKG,SAAzC,IAAsDF,OAAO,KAAKE,SAAtE,EAAiF;AAC/E,UAAM,IAAIC,KAAJ,gEAAkEL,GAAlE,eAA0EC,SAA1E,cAAuFC,OAAvF,EAAN;AACD;;AACD,MAAMI,MAAM,GAAG,2BAAUN,GAAV,CAAf;AACA,MAAMO,GAAG,GAAGP,GAAG,CAACE,OAAD,CAAf;AACAI,EAAAA,MAAM,CAACJ,OAAD,CAAN,GAAkBI,MAAM,CAACL,SAAD,CAAxB;AACAK,EAAAA,MAAM,CAACL,SAAD,CAAN,GAAoBM,GAApB;AACA,SAAOD,MAAP;AACD,C","sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\n\nexport default (arr, fromIndex, toIndex) => {\n  if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {\n    throw new Error(`swap requires a non-empty array, fromIndex, toIndex: ${arr}, ${fromIndex} ${toIndex}`);\n  }\n  const update = cloneDeep(arr);\n  const tmp = arr[toIndex];\n  update[toIndex] = update[fromIndex];\n  update[fromIndex] = tmp;\n  return update;\n};\n"],"file":"swap.js"}
+{"version":3,"sources":["../src/swap.js"],"names":["arr","fromIndex","toIndex","length","undefined","Error","update","tmp"],"mappings":";;;;;;;;;AAAA;;eAEe,kBAACA,GAAD,EAAMC,SAAN,EAAiBC,OAAjB,EAA6B;AAC1C,MAAI,CAACF,GAAD,IAAQA,GAAG,CAACG,MAAJ,IAAc,CAAtB,IAA2BF,SAAS,KAAKG,SAAzC,IAAsDF,OAAO,KAAKE,SAAtE,EAAiF;AAC/E,UAAM,IAAIC,KAAJ,gEAAkEL,GAAlE,eAA0EC,SAA1E,cAAuFC,OAAvF,EAAN;AACD;;AAED,MAAMI,MAAM,GAAG,2BAAUN,GAAV,CAAf;AACA,MAAMO,GAAG,GAAGP,GAAG,CAACE,OAAD,CAAf;AACAI,EAAAA,MAAM,CAACJ,OAAD,CAAN,GAAkBI,MAAM,CAACL,SAAD,CAAxB;AACAK,EAAAA,MAAM,CAACL,SAAD,CAAN,GAAoBM,GAApB;AAEA,SAAOD,MAAP;AACD,C","sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\n\nexport default (arr, fromIndex, toIndex) => {\n  if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {\n    throw new Error(`swap requires a non-empty array, fromIndex, toIndex: ${arr}, ${fromIndex} ${toIndex}`);\n  }\n\n  const update = cloneDeep(arr);\n  const tmp = arr[toIndex];\n  update[toIndex] = update[fromIndex];\n  update[fromIndex] = tmp;\n\n  return update;\n};\n"],"file":"swap.js"}

package/lib/uid-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/uid-context.js"],"names":["React","createContext","Consumer","Provider","generateId","Math","random","toFixed","withUid","Component","Wrapped","props","uid"],"mappings":";;;;;;;;;;;AAAA;;AAEA,wCAA+BA,kBAAMC,aAAN,CAAoB,CAAC,CAArB,CAA/B;AAAA,IAAQC,QAAR,wBAAQA,QAAR;AAAA,IAAkBC,QAAlB,wBAAkBA,QAAlB;;;;;AAIO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAM,CAACC,IAAI,CAACC,MAAL,KAAgB,OAAjB,EAA0BC,OAA1B,CAAkC,CAAlC,CAAN;AAAA,CAAnB;;;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,EAAe;AACpC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD;AAAA,wBAAW,gCAAC,QAAD,QAAW,UAACC,GAAD;AAAA,0BAAS,gCAAC,SAAD,gCAAeD,KAAf;AAAsB,QAAA,GAAG,EAAEC;AAA3B,SAAT;AAAA,KAAX,CAAX;AAAA,GAAhB;;AACA,SAAOF,OAAP;AACD,CAHM","sourcesContent":["import React from 'react';\n\nconst { Consumer, Provider } = React.createContext(-1);\n\nexport { Provider, Consumer };\n\nexport const generateId = () => (Math.random() * 1000001).toFixed(0);\n\nexport const withUid = (Component) => {\n  const Wrapped = (props) => <Consumer>{(uid) => <Component {...props} uid={uid} />}</Consumer>;\n  return Wrapped;\n};\n"],"file":"uid-context.js"}
+{"version":3,"sources":["../src/uid-context.js"],"names":["React","createContext","Consumer","Provider","generateId","Math","random","toFixed","withUid","Component","Wrapped","props","uid"],"mappings":";;;;;;;;;;;AAAA;;AAEA,wCAA+BA,kBAAMC,aAAN,CAAoB,CAAC,CAArB,CAA/B;AAAA,IAAQC,QAAR,wBAAQA,QAAR;AAAA,IAAkBC,QAAlB,wBAAkBA,QAAlB;;;;;AAIO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAM,CAACC,IAAI,CAACC,MAAL,KAAgB,OAAjB,EAA0BC,OAA1B,CAAkC,CAAlC,CAAN;AAAA,CAAnB;;;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,EAAe;AACpC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD;AAAA,wBAAW,gCAAC,QAAD,QAAW,UAACC,GAAD;AAAA,0BAAS,gCAAC,SAAD,gCAAeD,KAAf;AAAsB,QAAA,GAAG,EAAEC;AAA3B,SAAT;AAAA,KAAX,CAAX;AAAA,GAAhB;;AAEA,SAAOF,OAAP;AACD,CAJM","sourcesContent":["import React from 'react';\n\nconst { Consumer, Provider } = React.createContext(-1);\n\nexport { Provider, Consumer };\n\nexport const generateId = () => (Math.random() * 1000001).toFixed(0);\n\nexport const withUid = (Component) => {\n  const Wrapped = (props) => <Consumer>{(uid) => <Component {...props} uid={uid} />}</Consumer>;\n\n  return Wrapped;\n};\n"],"file":"uid-context.js"}

package/package.json

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

package/src/choice.jsx

@@ -28,7 +28,7 @@ export class Choice extends React.Component {
 
 const styles = (theme) => ({
   choice: {
-    backgroundColor: 'white',
+    backgroundColor: theme.palette.background.paper,
     border: `solid 1px ${grey[400]}`,
     padding: theme.spacing.unit,
     minHeight: '30px',

package/src/match-list-dp.jsx

@@ -1,6 +1,4 @@
 import React from 'react';
-import PlaceHolder from './placeholder';
-import PropTypes from 'prop-types';
 import { DropTarget } from 'react-dnd';
 import { DroppablePlaceholder } from './droppable-placeholder';
 

package/src/placeholder.jsx

@@ -52,7 +52,7 @@ const styles = (theme) => ({
   placeholder: {
     width: '100%',
     height: '100%',
-    background: '#EEEEEE',
+    background: theme.palette.grey[200],
     border: '1px solid #D1D1D1',
     transition: 'background-color 200ms linear, border-color 200ms linear',
     boxSizing: 'border-box',
@@ -63,7 +63,7 @@ const styles = (theme) => ({
   },
   disabled: {
     boxShadow: 'none',
-    background: 'white',
+    background: theme.palette.background.paper,
   },
   over: {
     border: `1px solid ${grey[500]}`,
@@ -71,12 +71,12 @@ const styles = (theme) => ({
   },
   board: {
     border: '1px solid #D1D1D1',
-    padding: '10px',
+    padding: theme.spacing.unit,
     display: 'flex',
     flexWrap: 'wrap',
     alignItems: 'center',
     minHeight: '200px',
-    justifyContent: 'space-between',
+    justifyContent: 'center',
   },
 });
 

package/src/swap.js

@@ -4,9 +4,11 @@ export default (arr, fromIndex, toIndex) => {
   if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {
     throw new Error(`swap requires a non-empty array, fromIndex, toIndex: ${arr}, ${fromIndex} ${toIndex}`);
   }
+
   const update = cloneDeep(arr);
   const tmp = arr[toIndex];
   update[toIndex] = update[fromIndex];
   update[fromIndex] = tmp;
+
   return update;
 };

package/src/uid-context.js

@@ -8,5 +8,6 @@ export const generateId = () => (Math.random() * 1000001).toFixed(0);
 
 export const withUid = (Component) => {
   const Wrapped = (props) => <Consumer>{(uid) => <Component {...props} uid={uid} />}</Consumer>;
+
   return Wrapped;
 };