MCPcopy
hub / github.com/Shopify/draggable / [onDragOverContainer]

Method [onDragOverContainer]

src/Sortable/Sortable.js:174–214  ·  view source on GitHub ↗

* Drag over container handler * @private * @param {DragOverContainerEvent} event - Drag over container event

(event)

Source from the content-addressed store, hash-verified

172 * @param {DragOverContainerEvent} event - Drag over container event
173 */
174 [onDragOverContainer](event) {
175 if (event.canceled()) {
176 return;
177 }
178
179 const {source, over, overContainer} = event;
180 const oldIndex = this.index(source);
181
182 const sortableSortEvent = new SortableSortEvent({
183 dragEvent: event,
184 currentIndex: oldIndex,
185 source,
186 over,
187 });
188
189 this.trigger(sortableSortEvent);
190
191 if (sortableSortEvent.canceled()) {
192 return;
193 }
194
195 const children = this.getSortableElementsForContainer(overContainer);
196 const moves = move({source, over, overContainer, children});
197
198 if (!moves) {
199 return;
200 }
201
202 const {oldContainer, newContainer} = moves;
203 const newIndex = this.index(event.source);
204
205 const sortableSortedEvent = new SortableSortedEvent({
206 dragEvent: event,
207 oldIndex,
208 newIndex,
209 oldContainer,
210 newContainer,
211 });
212
213 this.trigger(sortableSortedEvent);
214 }
215
216 /**
217 * Drag over handler

Callers

nothing calls this directly

Calls 5

indexMethod · 0.95
canceledMethod · 0.80
moveFunction · 0.70
triggerMethod · 0.45

Tested by

no test coverage detected