From f75ab9345842680e2bf85948183f27706d6d6298 Mon Sep 17 00:00:00 2001 From: Qstick Date: Sun, 25 Apr 2021 19:24:26 -0400 Subject: [PATCH] Updated react-dnd and added touch support Co-Authored-By: Mark McDowall (cherry picked from commit 0b85b506e226cf1bf1f2d28eb7ed441108cc154d) to be squashed --- .../Table/TableOptions/TableOptionsModal.js | 6 +- package.json | 6 +- yarn.lock | 72 +++++++++++++------ 3 files changed, 58 insertions(+), 26 deletions(-) diff --git a/frontend/src/Components/Table/TableOptions/TableOptionsModal.js b/frontend/src/Components/Table/TableOptions/TableOptionsModal.js index d218727e4..8c285ad68 100644 --- a/frontend/src/Components/Table/TableOptions/TableOptionsModal.js +++ b/frontend/src/Components/Table/TableOptions/TableOptionsModal.js @@ -1,8 +1,8 @@ import _ from 'lodash'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; -import { DndProvider } from 'react-dnd'; -import { HTML5Backend } from 'react-dnd-html5-backend'; +import { DndProvider } from 'react-dnd-multi-backend'; +import HTML5toTouch from 'react-dnd-multi-backend/dist/esm/HTML5toTouch'; import Form from 'Components/Form/Form'; import FormGroup from 'Components/Form/FormGroup'; import FormInputGroup from 'Components/Form/FormInputGroup'; @@ -128,7 +128,7 @@ class TableOptionsModal extends Component { const isDraggingDown = isDragging && dropIndex > dragIndex; return ( - +