react-resizable-panels/src/utils/dom/getPanelGroupElement.ts

React components for resizable panel groups/layouts

export function getPanelGroupElement(
  id: string,
  rootElement: ParentNode | HTMLElement = document
): HTMLElement | null {
  //If the root element is the PanelGroup
  if (
    rootElement instanceof HTMLElement &&
    (rootElement as HTMLElement)?.dataset?.panelGroupId == id
  ) {
    return rootElement as HTMLElement;
  }

  //Else query children
  const element = rootElement.querySelector(
    `[data-panel-group][data-panel-group-id="${id}"]`
  );
  if (element) {
    return element as HTMLElement;
  }
  return null;
}