Wraps the items from a Prismic repeating group field in a details/summary for easier re-ordering

prismic-summary.js

let widgetGroups = document.querySelectorAll('.widget-Group');

[...widgetGroups].forEach(widgetGroup => {
    let groupWrapper = widgetGroup.querySelector('.group-wrapper');
    let standaloneTitle = groupWrapper.querySelector('[data-widget-key="standaloneTitle"] .ProseMirror').textContent;
    let title = groupWrapper.querySelector('[data-widget-key="title"] .ProseMirror').textContent;
    let tools = widgetGroup.querySelector('.tools');
    
    tools.style.top = "0";
    let detailsNode = document.createElement('details');
    detailsNode.style.padding = "20px 0";
    let summaryNode = document.createElement('summary');
    summaryNode.innerHTML = standaloneTitle || title;
    detailsNode.appendChild(summaryNode);
    
    groupWrapper.parentNode.insertBefore(detailsNode, groupWrapper);
    detailsNode.appendChild(groupWrapper);  
})