export function addTableNestedBehavior() {
  // @ts-ignore
  // Available in ES6
  document
    .querySelectorAll('table.mmui-table-nested tbody')
    .forEach((tableBody) => {
      tableBody.addEventListener('click', (event) => {
        let target = event.target as HTMLElement;
        if (target.classList.contains('mmui-toggle-icon')) {
          target = target.parentElement;
        }

        if (target.classList.contains('mmui-toggle-title')) {
          const idArray = target.id.split('_'),
            location = idArray[0],
            id = idArray[2],
            childSelector = `[data-parent='${location}_${id}']`;
          if (target.classList.contains('collapsed')) {
            // @ts-ignore
            // Available in ES6
            document.querySelectorAll(childSelector).forEach((row) => {
              row.classList.remove('d-none');
            });

            target.classList.remove('collapsed');
          } else {
            // @ts-ignore
            // Available in ES6
            document.querySelectorAll(childSelector).forEach((row) => {
              row.classList.add('d-none');
            });

            target.classList.add('collapsed');
          }
        }
      });
    });
}