feat: drag auto scroll as default behaviour

jquense · Feb 10, 2023 · c4e78d8 · c4e78d8
1 parent 206b7d2
commit c4e78d8
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 123 deletions.
diff --git a/src/addons/dragAndDrop/EventContainerWrapper.js b/src/addons/dragAndDrop/EventContainerWrapper.js
@@ -184,11 +184,13 @@ class EventContainerWrapper extends React.Component {
       const { dragAndDropAction } = this.context.draggable
 
       if (dragAndDropAction.action === 'move') {
-        if (this.context.draggable.enableDragAutoScroll)
-          this.updateParentScroll(parent, node)
+        this.updateParentScroll(parent, node)
         this.handleMove(box, bounds)
       }
-      if (dragAndDropAction.action === 'resize') this.handleResize(box, bounds)
+      if (dragAndDropAction.action === 'resize') {
+        this.updateParentScroll(parent, node)
+        this.handleResize(box, bounds)
+      }
     })
 
     selector.on('dropFromOutside', (point) => {

diff --git a/src/addons/dragAndDrop/withDragAndDrop.js b/src/addons/dragAndDrop/withDragAndDrop.js
@@ -27,8 +27,6 @@ export default function withDragAndDrop(Calendar) {
 
       selectable: PropTypes.oneOf([true, false, 'ignoreEvents']),
       resizable: PropTypes.bool,
-
-      enableDragAutoScroll: PropTypes.bool,
     }
 
     static defaultProps = {
@@ -63,7 +61,6 @@ export default function withDragAndDrop(Calendar) {
           draggableAccessor: this.props.draggableAccessor,
           resizableAccessor: this.props.resizableAccessor,
           dragAndDropAction: this.state,
-          enableDragAutoScroll: this.props.enableDragAutoScroll,
         },
       }
     }

diff --git a/stories/DragAndDrop.stories.js b/stories/DragAndDrop.stories.js
@@ -99,14 +99,3 @@ WithCustomEventWrapper.args = {
     eventWrapper: customComponents.eventWrapper,
   },
 }
-
-export const WithAutoScroll = Template.bind({})
-WithAutoScroll.storyName = 'draggable with auto scroll'
-WithAutoScroll.args = {
-  defaultDate: new Date(),
-  defaultView: Views.WEEK,
-  events,
-  onEventDrop: action('event dropped'),
-  onEventResize: action('event resized'),
-  enableDragAutoScroll: true,
-}
diff --git a/stories/addons/dragAndDrop/props/API.stories.mdx b/stories/addons/dragAndDrop/props/API.stories.mdx
@@ -100,13 +100,3 @@ The <LinkTo kind="addons-drag-and-drop-props" story="resizable">resizable</LinkT
 Determines if an event is resizable.
 
 **Note:** `resizable` events must also be draggable. You cannot resize an event with a <LinkTo kind="addons-drag-and-drop-props" story="draggable-accessor">draggableAccessor</LinkTo> prop of `false`.
-
-### enableDragAutoScroll
-
-- type: `boolean`
-- default: `false`
-- <LinkTo kind="addons-drag-and-drop-props" story="auto-scroll">
-    Example
-  </LinkTo>
-
-It is used to enable auto scroll when dragging an event.
diff --git a/stories/addons/dragAndDrop/props/autoScroll.mdx b/stories/addons/dragAndDrop/props/autoScroll.mdx
diff --git a/stories/addons/dragAndDrop/props/autoScroll.stories.js b/stories/addons/dragAndDrop/props/autoScroll.stories.js
diff --git a/stories/demos/exampleCode/autoScroll.js b/stories/demos/exampleCode/autoScroll.js