Fast drag and drop for any experience on any tech stack
This report summarizes scanner evidence for atlassian/pragmatic-drag-and-drop, a TypeScript project with 12,791 GitHub stars. SynthScan examined 100,390 lines of code across 896 source files, recording 81 pattern matches distributed across 6 syntactic categories. The legacy adjusted pattern signal is 0.8 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 79 finding(s).
Are imports declared and package/API names verified? 2 finding(s).
Are wrappers, guards, and repeated structures necessary? 56 finding(s).
Which changes need focused human review? 81 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 81 distinct pattern matches across 6 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/auto-scroll/__tests__/unit/_util.ts | 245 | export function setElementFromPointWithPath(path: Element[]): CleanupFn { | CODE |
| LOW | packages/auto-scroll/__tests__/unit/_util.ts | 304 | export function setupNestedScrollContainers(bubbleOrdered: BasicElementArgs[]): HTMLElement[] { | CODE |
| LOW | packages/auto-scroll/__tests__/unit/_util.ts | 425 | export function setupBasicScrollContainer({ | CODE |
| LOW | …roll/__tests__/unit/overflow/cross-axis-hitbox.spec.ts | 89 | function getOverElementMainHitboxSize(edge: Edge) { | CODE |
| LOW | …kages/auto-scroll/src/unsafe-overflow/get-scroll-by.ts | 29 | function getIsDistanceDampeningEnabled(value: HitboxForEdge): boolean { | CODE |
| LOW | …eces/pinned-fields/experience/enhanced-drag-handle.tsx | 137 | export default function PinnedFieldsEnhancedDragHandle(): React.JSX.Element { | CODE |
| LOW | …es/pieces/pinned-fields/experience/migration-layer.tsx | 10 | export default function PinnedFieldReactBeautifulDnd(): React.JSX.Element { | CODE |
| LOW | …es/pieces/pinned-fields/experience/migration-layer.tsx | 22 | export function PinnedFieldReactBeautifulDndNoDraggingOutline(): React.JSX.Element { | CODE |
| LOW | …es/pieces/pinned-fields/experience/migration-layer.tsx | 34 | export function PinnedFieldReactBeautifulDndSubtle(): React.JSX.Element { | CODE |
| LOW | …pieces/pinned-fields/experience/current-guidelines.tsx | 52 | export default function PinnedFieldsWithCurrentGuidelines(): React.JSX.Element { | CODE |
| LOW | …eces/pinned-fields/experience/asana-native-preview.tsx | 53 | export default function AsanaFieldsWithNativePreview(): React.JSX.Element { | CODE |
| LOW | …ieces/pinned-fields/experience/react-beautiful-dnd.tsx | 8 | export default function PinnedFieldReactBeautifulDnd(): React.JSX.Element { | CODE |
| LOW | …pieces/pinned-fields/templates/react-beautiful-dnd.tsx | 60 | export default function PinnedFieldsReactBeautifulDndTemplate({ | CODE |
| LOW | …/examples/pieces/pinned-fields/templates/atlassian.tsx | 19 | export default function PinnedFieldsAtlassianTemplate({ | CODE |
| LOW | …xamples/pieces/subtasks/demo/linear-native-preview.tsx | 84 | export default function LinearTaskReorderingNativePreview(): React.JSX.Element { | CODE |
| LOW | …ocumentation/examples/pieces/tree-legacy/tree-item.tsx | 163 | function getParentLevelOfInstruction(instruction: Instruction): number { | CODE |
| LOW | …ocumentation/examples/pieces/tree-legacy/tree-item.tsx | 266 | function updateIsParentOfInstruction({ location }: { location: DragLocationHistory }) { | CODE |
| LOW | …pieces/hooks/use-prevent-scrolling-from-arrow-keys.tsx | 11 | export function usePreventScrollingFromArrowKeys({ | CODE |
| LOW | …entire-entity-is-draggable-with-drag-handle-button.tsx | 44 | export function EntireEntityIsDraggableWithDragHandleButton(): React.JSX.Element { | CODE |
| LOW | …xamples/guidelines/only-draggable-from-drag-handle.tsx | 47 | export function OnlyDraggableFromDragHandle(): React.JSX.Element { | CODE |
| LOW | …amples/guidelines/hover-drag-handle-outside-bounds.tsx | 80 | export function HoverDragHandleOutsideBounds(): React.JSX.Element { | CODE |
| LOW | …ines/entire-entity-is-draggable-with-grouped-items.tsx | 106 | export function EntireEntityIsDraggableWithGroupedItems(): React.JSX.Element { | CODE |
| LOW | …mples/constellation/list-item/list-item-horizontal.tsx | 9 | export function ListItemHorizontalExample(): React.JSX.Element { | CODE |
| LOW | packages/core/__tests__/unit/_util.ts | 126 | export function setElementFromPointWithPath(path: Element[]): CleanupFn { | CODE |
| LOW | …kages/core/examples/drag-preview-with-transparency.tsx | 153 | function ItemPreserveOffsetOnSource() { | CODE |
| LOW | packages/core/examples/native/content.tsx | 125 | function DraggableAnchorWithNewUrl() { | CODE |
| LOW | packages/core/examples/native/content.tsx | 146 | function DraggableAnchorWithCustomPreview() { | CODE |
| LOW | packages/core/examples/native/content.tsx | 191 | function DraggableImageWithCustomPreview() { | CODE |
| LOW | packages/core/src/util/detect-broken-drag.ts | 1 | export function getBindingsForBrokenDrags({ onDragEnd }: { onDragEnd: () => void }): readonly [ | CODE |
| LOW | …ges/core/src/adapter/drop-target-for-text-selection.ts | 5 | export function dropTargetForTextSelection( | CODE |
| LOW | …-native-drag-preview/set-custom-native-drag-preview.ts | 46 | export function setCustomNativeDragPreview({ | CODE |
| LOW | packages/core/src/honey-pot-fix/make-honey-pot-fix.ts | 38 | function pullBackByHalfHoneyPotSize(point: Position): Position { | CODE |
| LOW | packages/core/src/honey-pot-fix/make-honey-pot-fix.ts | 49 | function preventGoingBackwardsOffScreen(point: Position): Position { | CODE |
| LOW | packages/core/src/honey-pot-fix/make-honey-pot-fix.ts | 60 | function preventGoingForwardsOffScreen(point: Position): Position { | CODE |
| LOW | …ey-pot-fix/get-element-from-point-without-honey-pot.ts | 4 | export function getElementFromPointWithoutHoneypot(client: Position): Element | null { | CODE |
| LOW | …t-accessibility/examples/drag-handle-dropdown-menu.tsx | 11 | export default function DragHandleDropdownMenuExample(): React.JSX.Element { | CODE |
| LOW | …essibility/examples/drag-handle-button-small.vr.ap.tsx | 5 | export default function DragHandleButtonSmallExample(): React.JSX.Element { | CODE |
| LOW | packages/hitbox/src/get-reorder-destination-index.ts | 3 | export function getReorderDestinationIndex({ | CODE |
| LOW | …react-beautiful-dnd-migration/__tests__/unit/_util.tsx | 27 | export function findPlaceholderInDroppable( | CODE |
| LOW | …react-beautiful-dnd-migration/__tests__/unit/_util.tsx | 41 | export function hasPlaceholderInDroppable( | CODE |
| LOW | …kages/react-beautiful-dnd-migration/codemods/utils.tsx | 3 | function getImportDeclarationsForPackage( | CODE |
| LOW | …kages/react-beautiful-dnd-migration/codemods/utils.tsx | 11 | export function getImportDeclarationsForRbd( | CODE |
| LOW | …kages/react-beautiful-dnd-migration/codemods/utils.tsx | 36 | function getImportedRbdComponentNames( | CODE |
| LOW | …eautiful-dnd-migration/src/drag-drop-context/index.tsx | 194 | function dispatchConsumerLifecycleEvent() { | CODE |
| LOW | …migration/src/drag-drop-context/draggable-location.tsx | 16 | function getDraggableLocationFromDraggableData({ | CODE |
| LOW | …migration/src/drag-drop-context/draggable-location.tsx | 58 | function getDraggableLocationFromDroppableData({ | CODE |
| LOW | …migration/src/utils/get-closest-positioned-element.tsx | 6 | function getClosestAbsolutePositionedElement(element: HTMLElement): HTMLElement | null { | CODE |
| LOW | …migration/src/utils/get-closest-positioned-element.tsx | 23 | export function getClosestPositionedElement({ | CODE |
| LOW | …-migration/src/utils/get-best-cross-axis-droppable.tsx | 25 | export function getBestCrossAxisDroppable({ | CODE |
| LOW | …-migration/src/utils/find-closest-scroll-container.tsx | 4 | export function findClosestScrollContainer(element: HTMLElement): HTMLElement | null { | CODE |
| LOW | …ration/src/utils/get-element-by-draggable-location.tsx | 6 | export function getElementByDraggableLocation( | CODE |
| LOW | …ration/src/droppable/drop-indicator/get-dimensions.tsx | 147 | export function getIndicatorSizeAndOffset({ | CODE |
| LOW | …-migration/src/hooks/use-drop-target-for-draggable.tsx | 11 | export function useDropTargetForDraggable({ | CODE |
| LOW | …gration/src/draggable/get-draggable-provided-style.tsx | 57 | export function getDraggableProvidedStyle({ | CODE |
| LOW | …gration/src/draggable/use-draggable-state-snapshot.tsx | 5 | export function useDraggableStateSnapshot({ | CODE |
| LOW | …tion/src/draggable/is-event-in-interactive-element.tsx | 62 | export default function isEventInInteractiveElement(draggable: Element, event: Event): boolean { | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/documentation/examples/pieces/backlog/list.tsx | 21 | COMMENT | |
| LOW | packages/documentation/examples/pieces/backlog/list.tsx | 41 | // closestEdgeOfTarget: null, | COMMENT |
| LOW | packages/core/__tests__/unit/server-side-usage.spec.ts | 1 | // Ideally we would use the "@jest-environment node" file pragma, | COMMENT |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 321 | COMMENT | |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 341 | // }, | COMMENT |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 361 | // Math.floor(pointerDown.x) === dragStart.x && | COMMENT |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 381 | // }, | COMMENT |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 401 | COMMENT | |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 421 | COMMENT | |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 441 | // 'dragleave', | COMMENT |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 461 | COMMENT | |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 481 | // console.error(message, { lastDragOver, current }); | COMMENT |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 501 | // { | COMMENT |
| LOW | packages/core/examples/post-drop-bug-fix.tsx | 521 | // // console.log('done'); | COMMENT |
| LOW | …re/src/util/changing-window/count-events-for-safari.ts | 61 | // lift (+1 enterCount) | COMMENT |
| LOW | packages/core/src/util/media-types/html-media-type.ts | 1 | // Why we put the media types in their own files: | COMMENT |
| LOW | packages/core/src/util/media-types/url-media-type.ts | 1 | // Why we put the media types in their own files: | COMMENT |
| LOW | packages/core/src/util/media-types/text-media-type.ts | 1 | // Why we put the media types in their own files: | COMMENT |
| LOW | …rc/public-utils/element/disable-native-drag-preview.ts | 1 | // In order to disable the native drag preview you can | COMMENT |
| LOW | …nd-autoscroll/src/internal/window/get-window-scroll.ts | 1 | import type { Position } from '@atlaskit/pragmatic-drag-and-drop/internal-types'; | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | packages/auto-scroll/src/shared/scheduler.ts | 46 | // can leverage the same scheduler. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | …ntation/examples/pieces/subtasks/demo/enhancements.tsx | 73 | * This is just for demonstration purposes. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …ation/__tests__/unit/droppable/drop-indicator.test.tsx | 357 | expect(callsForColumnA[0][0]).not.toHaveProperty('placeholder', null); | CODE |
| LOW | …ation/__tests__/unit/droppable/drop-indicator.test.tsx | 381 | expect(callsForColumnA[0][0]).toHaveProperty('placeholder', null); | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/documentation/examples/data/people/index.tsx | 142 | export function getData({ | CODE |