@tanstack/react-table-devtools/dist/ReactTableDevtools.js

React devtools for TanStack Table.

import { createElement, useMemo } from "react";
import { createReactPanel } from "@tanstack/devtools-utils/react";
import { TableDevtoolsCore } from "@tanstack/table-devtools";

//#region src/ReactTableDevtools.tsx
const [TableDevtoolsPanelBase, TableDevtoolsPanelNoOpBase] = createReactPanel(TableDevtoolsCore);
function resolvePanelProps(props) {
	return {
		theme: props?.theme ?? "dark",
		devtoolsOpen: props?.devtoolsOpen ?? true
	};
}
const TableDevtoolsPanel = (props) => {
	const theme = props?.theme;
	const devtoolsOpen = props?.devtoolsOpen;
	const panelProps = useMemo(() => resolvePanelProps({
		theme,
		devtoolsOpen
	}), [devtoolsOpen, theme]);
	return createElement(TableDevtoolsPanelBase, panelProps);
};
const TableDevtoolsPanelNoOp = (props) => {
	const theme = props?.theme;
	const devtoolsOpen = props?.devtoolsOpen;
	const panelProps = useMemo(() => resolvePanelProps({
		theme,
		devtoolsOpen
	}), [devtoolsOpen, theme]);
	return createElement(TableDevtoolsPanelNoOpBase, panelProps);
};

//#endregion
export { TableDevtoolsPanel, TableDevtoolsPanelNoOp };