@pie-lib/drag 1.1.53-next.950 → 2.0.1

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.0.0...@pie-lib/drag@2.0.1) (2022-11-23)
+
+**Note:** Version bump only for package @pie-lib/drag
+
+
+
+
+
+# [2.0.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@1.1.52...@pie-lib/drag@2.0.0) (2022-11-23)
+
+
+### Features
+
+* update react-dnd and react-dnd-html5-backend versions ([be0cbe8](https://github.com/pie-framework/pie-lib/commit/be0cbe83d4014e03e1b5dd6218d6176cf3c28cc6))
+
+
+### BREAKING CHANGES
+
+* updated react-dnd and react-dnd-html5-backend versions
+The update was made in a previous commit, but breaking changes might occur so that's the role for this commit.
+
+
+
+
+
 ## [1.1.52](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@1.1.50...@pie-lib/drag@1.1.52) (2021-06-25)
 
 **Note:** Version bump only for package @pie-lib/drag

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","styledChoice","connect","monitor","dragSource","isDragging"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;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,eACtB;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,MAAnB,EAA2BH,SAA3B;AAAhB,SAAwDC,QAAxD,CADsB,CAAxB;AAGD;;;EAhByBG,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;;AAWxB,IAAMiB,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBZ,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;AADe,GAAL;AAAA,CAApB;;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,WAAOA,KAAP;AACD;AANkB,CAArB;AASA,IAAM6B,YAAY,GAAG,wBAAWb,MAAX,EAAmBjB,MAAnB,CAArB;;eAEe,0BAAWD,SAAX,EAAsB2B,YAAtB,EAAoC,UAACK,OAAD,EAAUC,OAAV;AAAA,SAAuB;AACxE3B,IAAAA,iBAAiB,EAAE0B,OAAO,CAACE,UAAR,EADqD;AAExEC,IAAAA,UAAU,EAAEF,OAAO,CAACE,UAAR;AAF4D,GAAvB;AAAA,CAApC,EAGXJ,YAHW,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';\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(\n      <div className={classNames(classes.choice, className)}>{children}</div>\n    );\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    return props;\n  }\n};\n\nconst styledChoice = withStyles(styles)(Choice);\n\nexport default DragSource(DRAG_TYPE, choiceSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging()\n}))(styledChoice);\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","border","grey","padding","spacing","unit","minHeight","choiceSource","canDrag","disabled","beginDrag","styledChoice","connect","monitor","dragSource","isDragging"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;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,WAAOA,KAAP;AACD;AANkB,CAArB;AASA,IAAM6B,YAAY,GAAG,wBAAWb,MAAX,EAAmBjB,MAAnB,CAArB;;eAEe,0BAAWD,SAAX,EAAsB2B,YAAtB,EAAoC,UAACK,OAAD,EAAUC,OAAV;AAAA,SAAuB;AACxE3B,IAAAA,iBAAiB,EAAE0B,OAAO,CAACE,UAAR,EADqD;AAExEC,IAAAA,UAAU,EAAEF,OAAO,CAACE,UAAR;AAF4D,GAAvB;AAAA,CAApC,EAGXJ,YAHW,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';\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    return props;\n  },\n};\n\nconst styledChoice = withStyles(styles)(Choice);\n\nexport default DragSource(DRAG_TYPE, choiceSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(styledChoice);\n"],"file":"choice.js"}

package/lib/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/placeholder.jsx"],"names":["PlaceHolder","props","children","classes","className","isOver","type","grid","disabled","names","placeholder","over","style","columns","gridTemplateColumns","rows","repeatValue","rowsRepeatValue","gridTemplateRows","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"],"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 } = 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={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});\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","names","placeholder","over","style","columns","gridTemplateColumns","rows","repeatValue","rowsRepeatValue","gridTemplateRows","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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;AACpC,MAAQC,QAAR,GAAuED,KAAvE,CAAQC,QAAR;AAAA,MAAkBC,OAAlB,GAAuEF,KAAvE,CAAkBE,OAAlB;AAAA,MAA2BC,SAA3B,GAAuEH,KAAvE,CAA2BG,SAA3B;AAAA,MAAsCC,MAAtC,GAAuEJ,KAAvE,CAAsCI,MAAtC;AAAA,MAA8CC,IAA9C,GAAuEL,KAAvE,CAA8CK,IAA9C;AAAA,MAAoDC,IAApD,GAAuEN,KAAvE,CAAoDM,IAApD;AAAA,MAA0DC,QAA1D,GAAuEP,KAAvE,CAA0DO,QAA1D;AACA,MAAMC,KAAK,GAAG,4BACZN,OAAO,CAACO,WADI,EAEZF,QAAQ,IAAIL,OAAO,CAACK,QAFR,EAGZH,MAAM,IAAIF,OAAO,CAACQ,IAHN,EAIZR,OAAO,CAACG,IAAD,CAJK,EAKZF,SALY,CAAd;AAQA,MAAMQ,KAAK,GAAG,EAAd;;AAEA,MAAIL,IAAI,IAAIA,IAAI,CAACM,OAAjB,EAA0B;AACxBD,IAAAA,KAAK,CAACE,mBAAN,oBAAsCP,IAAI,CAACM,OAA3C;AACD;;AACD,MAAIN,IAAI,IAAIA,IAAI,CAACQ,IAAjB,EAAuB;AACrB,QAAMC,WAAW,GAAGT,IAAI,CAACU,eAAL,IAAwB,KAA5C;AAEAL,IAAAA,KAAK,CAACM,gBAAN,oBAAmCX,IAAI,CAACQ,IAAxC,eAAiDC,WAAjD;AACD;;AAED,sBACE;AAAK,IAAA,KAAK,EAAEJ,KAAZ;AAAmB,IAAA,SAAS,EAAEH;AAA9B,KACGP,QADH,CADF;AAKD,CA1BM;;;AA4BPF,WAAW,CAACmB,SAAZ,GAAwB;AACtBhB,EAAAA,OAAO,EAAEiB,sBAAUC,MAAV,CAAiBC,UADJ;AAEtBf,EAAAA,IAAI,EAAEa,sBAAUG,KAAV,CAAgB;AACpBV,IAAAA,OAAO,EAAEO,sBAAUI,MADC;AAEpBT,IAAAA,IAAI,EAAEK,sBAAUI,MAFI;AAGpB;AACAP,IAAAA,eAAe,EAAEG,sBAAUK;AAJP,GAAhB,CAFgB;AAQtBvB,EAAAA,QAAQ,EAAEkB,sBAAUM,SAAV,CAAoB,CAACN,sBAAUO,OAAV,CAAkBP,sBAAUQ,IAA5B,CAAD,EAAoCR,sBAAUQ,IAA9C,CAApB,EAAyEN,UAR7D;AAStBlB,EAAAA,SAAS,EAAEgB,sBAAUK,MATC;AAUtBpB,EAAAA,MAAM,EAAEe,sBAAUS,IAVI;AAWtBC,EAAAA,KAAK,EAAEV,sBAAUI,MAXK;AAYtBlB,EAAAA,IAAI,EAAEc,sBAAUK,MAZM;AAatBjB,EAAAA,QAAQ,EAAEY,sBAAUS;AAbE,CAAxB;;AAgBA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBtB,IAAAA,WAAW,EAAE;AACXuB,MAAAA,KAAK,EAAE,MADI;AAEXC,MAAAA,MAAM,EAAE,MAFG;AAGXC,MAAAA,UAAU,EAAE,SAHD;AAIXC,MAAAA,MAAM,EAAE,mBAJG;AAKXC,MAAAA,UAAU,EAAE,0DALD;AAMXC,MAAAA,SAAS,EAAE,YANA;AAOXC,MAAAA,OAAO,EAAE,MAPE;AAQXC,MAAAA,UAAU,YAAKR,KAAK,CAACS,OAAN,CAAcC,IAAnB,OARC;AASXC,MAAAA,aAAa,YAAKX,KAAK,CAACS,OAAN,CAAcC,IAAnB,OATF;AAUXE,MAAAA,OAAO,EAAEZ,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AAVnB,KADY;AAazBlC,IAAAA,QAAQ,EAAE;AACRqC,MAAAA,SAAS,EAAE,MADH;AAERV,MAAAA,UAAU,EAAE;AAFJ,KAbe;AAiBzBxB,IAAAA,IAAI,EAAE;AACJyB,MAAAA,MAAM,sBAAeU,iBAAK,GAAL,CAAf,CADF;AAEJC,MAAAA,eAAe,YAAKD,iBAAK,GAAL,CAAL;AAFX;AAjBmB,GAAZ;AAAA,CAAf;;eAuBe,wBAAWf,MAAX,EAAmB/B,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 } = 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={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});\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,gEACoDL,GADpD,eAC4DC,SAD5D,cACyEC,OADzE,EAAN;AAGD;;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(\n      `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  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;;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"}

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,CAAAC,SAAS,EAAI;AAClC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK;AAAA,wBAAI,gCAAC,QAAD,QAAW,UAAAC,GAAG;AAAA,0BAAI,gCAAC,SAAD,gCAAeD,KAAf;AAAsB,QAAA,GAAG,EAAEC;AAA3B,SAAJ;AAAA,KAAd,CAAJ;AAAA,GAArB;;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;;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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/with-drag-context.js"],"names":["Component","props","HTML5Backend"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;eAEe,kBAAAA,SAAS;AAAA,SAAI,UAAAC,KAAK;AAAA,wBAC/B,gCAAC,qBAAD;AAAa,MAAA,OAAO,EAAEC;AAAtB,oBACE,gCAAC,SAAD,EAAeD,KAAf,CADF,CAD+B;AAAA,GAAT;AAAA,C","sourcesContent":["import React from 'react';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport { DndProvider } from 'react-dnd';\n\nexport default Component => props => (\n  <DndProvider backend={HTML5Backend}>\n    <Component {...props} />\n  </DndProvider>\n);\n"],"file":"with-drag-context.js"}
+{"version":3,"sources":["../src/with-drag-context.js"],"names":["Component","props","HTML5Backend"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;eAEe,kBAACA,SAAD;AAAA,SAAe,UAACC,KAAD;AAAA,wBAC5B,gCAAC,qBAAD;AAAa,MAAA,OAAO,EAAEC;AAAtB,oBACE,gCAAC,SAAD,EAAeD,KAAf,CADF,CAD4B;AAAA,GAAf;AAAA,C","sourcesContent":["import React from 'react';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport { DndProvider } from 'react-dnd';\n\nexport default (Component) => (props) => (\n  <DndProvider backend={HTML5Backend}>\n    <Component {...props} />\n  </DndProvider>\n);\n"],"file":"with-drag-context.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/drag",
-  "version": "1.1.53-next.950+67ed9334",
+  "version": "2.0.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -17,5 +17,5 @@
   "scripts": {},
   "author": "",
   "license": "ISC",
-  "gitHead": "67ed9334c986af832b0a9058b696bc803acd3d74"
+  "gitHead": "f81076118e63884db5f5d65a41cff9aad111137e"
 }

package/src/choice.jsx

@@ -13,7 +13,7 @@ export class Choice extends React.Component {
     classes: PropTypes.object.isRequired,
     className: PropTypes.string,
     children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-    connectDragSource: PropTypes.func.isRequired
+    connectDragSource: PropTypes.func.isRequired,
   };
 
   static defaultProps = {};
@@ -21,19 +21,17 @@ export class Choice extends React.Component {
   render() {
     const { classes, className, children, connectDragSource } = this.props;
 
-    return connectDragSource(
-      <div className={classNames(classes.choice, className)}>{children}</div>
-    );
+    return connectDragSource(<div className={classNames(classes.choice, className)}>{children}</div>);
   }
 }
 
-const styles = theme => ({
+const styles = (theme) => ({
   choice: {
     backgroundColor: 'white',
     border: `solid 1px ${grey[400]}`,
     padding: theme.spacing.unit,
-    minHeight: '30px'
-  }
+    minHeight: '30px',
+  },
 });
 
 const choiceSource = {
@@ -42,12 +40,12 @@ const choiceSource = {
   },
   beginDrag(props) {
     return props;
-  }
+  },
 };
 
 const styledChoice = withStyles(styles)(Choice);
 
 export default DragSource(DRAG_TYPE, choiceSource, (connect, monitor) => ({
   connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging()
+  isDragging: monitor.isDragging(),
 }))(styledChoice);

package/src/placeholder.jsx

@@ -4,14 +4,14 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import grey from '@material-ui/core/colors/grey';
 
-export const PlaceHolder = props => {
+export const PlaceHolder = (props) => {
   const { children, classes, className, isOver, type, grid, disabled } = props;
   const names = classNames(
     classes.placeholder,
     disabled && classes.disabled,
     isOver && classes.over,
     classes[type],
-    className
+    className,
   );
 
   const style = {};
@@ -38,17 +38,17 @@ PlaceHolder.propTypes = {
     columns: PropTypes.number,
     rows: PropTypes.number,
     // if a different value then 1fr is wanted
-    rowsRepeatValue: PropTypes.string
+    rowsRepeatValue: PropTypes.string,
   }),
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
   className: PropTypes.string,
   isOver: PropTypes.bool,
   index: PropTypes.number,
   type: PropTypes.string,
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
 };
 
-const styles = theme => ({
+const styles = (theme) => ({
   placeholder: {
     width: '100%',
     height: '100%',
@@ -59,16 +59,16 @@ const styles = theme => ({
     display: 'grid',
     gridRowGap: `${theme.spacing.unit}px`,
     gridColumnGap: `${theme.spacing.unit}px`,
-    padding: theme.spacing.unit * 1
+    padding: theme.spacing.unit * 1,
   },
   disabled: {
     boxShadow: 'none',
-    background: 'white'
+    background: 'white',
   },
   over: {
     border: `1px solid ${grey[500]}`,
-    backgroundColor: `${grey[300]}`
-  }
+    backgroundColor: `${grey[300]}`,
+  },
 });
 
 export default withStyles(styles)(PlaceHolder);

package/src/swap.js

@@ -2,9 +2,7 @@ import cloneDeep from 'lodash/cloneDeep';
 
 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}`
-    );
+    throw new Error(`swap requires a non-empty array, fromIndex, toIndex: ${arr}, ${fromIndex} ${toIndex}`);
   }
   const update = cloneDeep(arr);
   const tmp = arr[toIndex];

package/src/uid-context.js

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

package/src/with-drag-context.js

@@ -3,7 +3,7 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 
 import { DndProvider } from 'react-dnd';
 
-export default Component => props => (
+export default (Component) => (props) => (
   <DndProvider backend={HTML5Backend}>
     <Component {...props} />
   </DndProvider>