проблема с автоматическим выбором и перемещением мозаичных панелей вокруг ответной мозаики

Question

У меня есть компонент реагирования, который отображается в панели мозаики при инициализации перетаскивания. Когда пользователь начинает перетаскивание, он отображает панель на приборной панели. я пытаюсь найти способ создать панель и выбрать ее до того, как она будет размещена, чтобы я мог отрегулировать, где она отображается, до того, как она будет отображена. Я приложу свой код ниже. Я не уверен, как это сделать.

Это функция, которая на данный момент визуализирует плитку после начала перетаскивания. Я хочу добавить функцию выбора после создания плитки, но до ее прикрепления к макету ...

let dragStart = (e) => {
    // this is initiated whenthe drag starts.
    console.log("id: " + e.target.id)
    e.dataTransfer.effectAllow = "all"
    let widgetId = e.target.id
    setTimeout(() => {
        mainStore.hideAdminToolsDialog();
        let userWidget = dashboardStore.userDashboards().value.widgets[widgetId];
        dashboardService.addWidget(userWidget)
    }, 200)        
}

Это функция, которую я хочу разместить на панели, как только она окажется в выбранном месте:

let drop = (e) => {
    // let widgetId = e.dataTransfer.getData("text");
    // console.log("landing widget id: " + e.dataTransfer.getData("text"))
    // let userWidget = dashboardStore.userDashboards().value.widgets[widgetId];
    // dashboardService.addWidget(userWidget);
}

Может кто-нибудь помочь мне понять это ...