@pie-lib/drag 2.1.19-next.0 → 2.1.19

package/CHANGELOG.md

@@ -3,12 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.19](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.1.18...@pie-lib/drag@2.1.19) (2023-06-05)
+
+
+### Bug Fixes
+
+* **drag:** provide drag support for multiple devices PD-2722 ([747186c](https://github.com/pie-framework/pie-lib/commit/747186c230645ca805a8c446e7c74d1ec0003ab7))
+* **drag:** provide drag support for multiple-devices PD-2722 ([04534da](https://github.com/pie-framework/pie-lib/commit/04534da486616ddbfd08794361c9bdadaa2d1655))
+
+
+
+
+
 ## [2.1.18](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.1.17...@pie-lib/drag@2.1.18) (2023-04-19)
 
 
 ### Bug Fixes
 
-* **eslint:** fix eslint problems-AC-2732 ([9eb9976](https://github.com/pie-framework/pie-lib/commit/9eb9976749753da86e1057a07bd2cfc65bf64ae4))
+* **eslint:** fix eslint problems-PD-2732 ([9eb9976](https://github.com/pie-framework/pie-lib/commit/9eb9976749753da86e1057a07bd2cfc65bf64ae4))
 
 
 

package/lib/index.js

@@ -13,12 +13,6 @@ Object.defineProperty(exports, "Choice", {
     return _choice["default"];
   }
 });
-Object.defineProperty(exports, "DndProvider", {
-  enumerable: true,
-  get: function get() {
-    return _reactDnd.DndProvider;
-  }
-});
 Object.defineProperty(exports, "DragDroppablePlaceholder", {
   enumerable: true,
   get: function get() {

package/lib/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AACA;;AACA","sourcesContent":["import { 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  PlaceHolder,\n  MatchDroppablePlaceholder,\n  DragDroppablePlaceholder,\n  withDragContext,\n  Choice,\n  swap,\n  uid,\n  DragSource,\n  DropTarget,\n};\n"],"file":"index.js"}

package/lib/with-drag-context.js

@@ -9,24 +9,19 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactDndHtml5Backend = require("react-dnd-html5-backend");
+var _reactDndMultiBackend = _interopRequireDefault(require("react-dnd-multi-backend"));
 
 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 _HTML5toTouch = _interopRequireDefault(require("react-dnd-multi-backend/dist/cjs/HTML5toTouch"));
+
 var _default = function _default(Component) {
   return function (props) {
-    return (
-      /*#__PURE__*/
-      // <DndProvider backend={isTouchEnabled ? TouchBackend : HTML5Backend} context={window}>
-      _react["default"].createElement(_reactDnd.DndProvider, {
-        backend: _reactDndHtml5Backend.HTML5Backend,
-        context: window
-      }, /*#__PURE__*/_react["default"].createElement(Component, props))
-    );
+    return /*#__PURE__*/_react["default"].createElement(_reactDnd.DndProvider, {
+      backend: _reactDndMultiBackend["default"],
+      options: _HTML5toTouch["default"],
+      debugMode: "true"
+    }, /*#__PURE__*/_react["default"].createElement(Component, props));
   };
 };
 

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;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"}
+{"version":3,"sources":["../src/with-drag-context.js"],"names":["Component","props","MultiBackend","HTML5toTouch"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,kBAACA,SAAD;AAAA,SAAe,UAACC,KAAD;AAAA,wBAC5B,gCAAC,qBAAD;AAAa,MAAA,OAAO,EAAEC,gCAAtB;AAAoC,MAAA,OAAO,EAAEC,wBAA7C;AAA2D,MAAA,SAAS,EAAC;AAArE,oBACE,gCAAC,SAAD,EAAeF,KAAf,CADF,CAD4B;AAAA,GAAf;AAAA,C","sourcesContent":["import React from 'react';\nimport MultiBackend from 'react-dnd-multi-backend';\nimport { DndProvider } from 'react-dnd';\nimport HTML5toTouch from 'react-dnd-multi-backend/dist/cjs/HTML5toTouch';\n\nexport default (Component) => (props) => (\n  <DndProvider backend={MultiBackend} options={HTML5toTouch} debugMode=\"true\">\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.19-next.0+e0c54808",
+  "version": "2.1.19",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,6 +10,7 @@
     "lodash": "^4.17.11",
     "react-dnd": "^14.0.5",
     "react-dnd-html5-backend": "^14.0.2",
+    "react-dnd-multi-backend": "^6.0.2",
     "react-dnd-touch-backend": "^14.1.0"
   },
   "publishConfig": {
@@ -18,5 +19,5 @@
   "scripts": {},
   "author": "",
   "license": "ISC",
-  "gitHead": "e0c54808548f6765169719a19b13e416b7ecca46"
+  "gitHead": "2a3ce431dfb8e4d8b53b28f2877edfa6991b6643"
 }

package/src/index.js

@@ -1,4 +1,4 @@
-import { DndProvider, DragSource, DropTarget } from 'react-dnd';
+import { DragSource, DropTarget } from 'react-dnd';
 
 import PlaceHolder from './placeholder';
 import Choice from './choice';
@@ -9,7 +9,6 @@ import MatchDroppablePlaceholder from './match-list-dp';
 import DragDroppablePlaceholder from './drag-in-the-blank-dp';
 
 export {
-  DndProvider,
   PlaceHolder,
   MatchDroppablePlaceholder,
   DragDroppablePlaceholder,

package/src/with-drag-context.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import { HTML5Backend } from 'react-dnd-html5-backend';
-// import { TouchBackend } from 'react-dnd-touch-backend';
-
+import MultiBackend from 'react-dnd-multi-backend';
 import { DndProvider } from 'react-dnd';
+import HTML5toTouch from 'react-dnd-multi-backend/dist/cjs/HTML5toTouch';
 
-// 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}>
+  <DndProvider backend={MultiBackend} options={HTML5toTouch} debugMode="true">
     <Component {...props} />
   </DndProvider>
 );