@tanstack/table-devtools/dist/TableDevtools.js

Devtools for TanStack Table.

import { resolveDevtoolsPanelProps, seedDevtoolsFontStyle } from "./panelProps.js";
import { TableContextProvider } from "./TableContextProvider.js";
import { Shell } from "./components/Shell.js";
import { Show, createMemo } from "solid-js";
import { createComponent } from "solid-js/web";
import { ThemeContextProvider } from "@tanstack/devtools-ui";

//#region src/TableDevtools.tsx
function TableDevtools(props) {
	seedDevtoolsFontStyle();
	const panelProps = createMemo(() => resolveDevtoolsPanelProps({
		theme: props.theme,
		devtoolsOpen: props.devtoolsOpen
	}));
	return createComponent(ThemeContextProvider, {
		get theme() {
			return panelProps().theme;
		},
		get children() {
			return createComponent(Show, {
				get when() {
					return panelProps().devtoolsOpen;
				},
				get children() {
					return createComponent(TableContextProvider, { get children() {
						return createComponent(Shell, {});
					} });
				}
			});
		}
	});
}

//#endregion
export { TableDevtools as default };