Function commitChildrenForVNode

packages/core/src/runtime/commit/validation.ts:116–164

(vnode: VNode)

}

export function commitChildrenForVNode(vnode: VNode): readonly VNode[] {
  if (
    vnode.kind === "fragment" ||
    vnode.kind === "box" ||
    vnode.kind === "row" ||
    vnode.kind === "column" ||
    vnode.kind === "themed" ||
    vnode.kind === "grid" ||
    vnode.kind === "focusZone" ||
    vnode.kind === "focusTrap" ||
    vnode.kind === "layers" ||
    vnode.kind === "tabs" ||
    vnode.kind === "accordion" ||
    vnode.kind === "breadcrumb" ||
    vnode.kind === "pagination" ||
    vnode.kind === "splitPane" ||
    vnode.kind === "panelGroup"
  ) {
    return vnode.children;
  }

  if (vnode.kind === "field" || vnode.kind === "resizablePanel") {
    const child = vnode.children[0];
    return child ? [child] : [];
  }

  if (vnode.kind === "layer") {
    const content = (vnode.props as { content?: unknown }).content;
    return isVNode(content) ? [content] : [];
  }

  if (vnode.kind === "modal") {
    const props = vnode.props as { content?: unknown; actions?: unknown };
    const content = isVNode(props.content) ? props.content : null;

    const actionsRaw = Array.isArray(props.actions) ? props.actions : [];
    const actions: VNode[] = [];
    for (const a of actionsRaw) {
      if (isVNode(a)) actions.push(a);
    }

    const children: VNode[] = [];
    if (content) children.push(content);
    children.push(...actions);
    return children;
  }

  return [];
}

export function readVNodeKey(vnode: VNode): string | undefined {
  const props = vnode.props as Readonly<{ key?: unknown }> | undefined;