diff --git a/frontend/src/stimulus/controllers/dynamic/reporting/page.controller.ts b/frontend/src/stimulus/controllers/dynamic/reporting/page.controller.ts index 49bff501e70..ed11652bfed 100644 --- a/frontend/src/stimulus/controllers/dynamic/reporting/page.controller.ts +++ b/frontend/src/stimulus/controllers/dynamic/reporting/page.controller.ts @@ -29,6 +29,7 @@ */ import { Controller } from '@hotwired/stimulus'; +import dragula from 'dragula'; import jQuery from 'jquery'; import 'tablesorter'; @@ -565,10 +566,9 @@ export default class PageController extends Controller { } private recreateSortables() { - const containers = jQuery('.group-by--selected-elements').toArray(); - // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-explicit-any - (dragula as any)(containers, { - mirrorContainer: document.getElementById('group-by--area'), + const containers = Array.from(document.querySelectorAll('.group-by--selected-elements')); + dragula(containers, { + mirrorContainer: document.getElementById('group-by--area')!, }); } diff --git a/frontend/src/typings/shims.d.ts b/frontend/src/typings/shims.d.ts index 71b55b4ebf7..1f86c67d86a 100644 --- a/frontend/src/typings/shims.d.ts +++ b/frontend/src/typings/shims.d.ts @@ -11,14 +11,12 @@ /// /// /// -/// /// import { Injector } from '@angular/core'; import { OpenProject } from 'core-app/core/setup/globals/openproject'; import * as TLodash from 'lodash'; -import { Dragula } from 'dragula'; import { Screenfull } from 'screenfull'; import { ErrorReporterBase } from 'core-app/core/errors/error-reporter-base'; import { I18n } from 'i18n-js'; @@ -57,7 +55,6 @@ declare module '@hotwired/turbo' { declare global { const _:typeof TLodash; const I18n:I18n; - const dragula:Dragula; } declare global {