Repository: gradio-app/gradio
File: js/dataframe/Index.svelte (Svelte)

Code before:
				value: gradio.props.value,

				col_count: gradio.props.col_count,
				row_count: gradio.props.row_count,
				label: gradio.shared.label,
				show_label: gradio.shared.show_label,
				wrap: gradio.props.wrap,
				datatype: gradio.props.datatype,
				scale: gradio.shared.scale,
				min_width: gradio.shared.min_width,
				root: gradio.shared.root,
				line_breaks: gradio.props.line_breaks,
				column_widths: gradio.props.column_widths,
				gradio: compat_gradio,
				latex_delimiters: gradio.props.latex_delimiters,
				max_height: gradio.props.max_height,
				loading_status: gradio.shared.loading_status,
				interactive: gradio.shared.interactive,
				buttons: gradio.props.buttons,
				max_chars: gradio.props.max_chars,
				show_row_numbers: gradio.props.show_row_numbers,
				show_search: gradio.props.show_search,
				pinned_columns: gradio.props.pinned_columns,
				static_columns: gradio.props.static_columns,
				fullscreen: gradio.props.fullscreen,
				show_copy_button: gradio.props.buttons.includes("copy"),
				show_fullscreen_button: gradio.props.buttons.includes("fullscreen")
			}
		});
	});

	const compat_gradio = {
		i18n: gradio.i18n,
		client: gradio.shared.client,
		dispatch(name: keyof DataframeEvents, detail?: any) {
			if (name === "input" && changed) {
				changed = false;
				return;
			}
			gradio.dispatch(name, detail);
		},
		autoscroll: gradio.shared.autoscroll
	};
	$effect(() => {
		if (Component) {
			Component.$set({
				elem_id: gradio.shared.elem_id,
				elem_classes: gradio.shared.elem_classes,
				visible: gradio.shared.visible,
				value: gradio.props.value,


Review comment (bug):
buttons can be undefined so this line causes failures in CI. Once that's fixed it should be good to go.

Code after:
				value: gradio.props.value,

				col_count: gradio.props.col_count,
				row_count: gradio.props.row_count,
				label: gradio.shared.label,
				show_label: gradio.shared.show_label,
				wrap: gradio.props.wrap,
				datatype: gradio.props.datatype,
				scale: gradio.shared.scale,
				min_width: gradio.shared.min_width,
				root: gradio.shared.root,
				line_breaks: gradio.props.line_breaks,
				column_widths: gradio.props.column_widths,
				gradio: compat_gradio,
				latex_delimiters: gradio.props.latex_delimiters,
				max_height: gradio.props.max_height,
				loading_status: gradio.shared.loading_status,
				interactive: gradio.shared.interactive,
				buttons: gradio.props.buttons,
				max_chars: gradio.props.max_chars,
				show_row_numbers: gradio.props.show_row_numbers,
				show_search: gradio.props.show_search,
				pinned_columns: gradio.props.pinned_columns,
				static_columns: gradio.props.static_columns,
				fullscreen: gradio.props.fullscreen,
				show_copy_button:
					gradio.props.buttons && gradio.props.buttons.includes("copy"),
				show_fullscreen_button:
					gradio.props.buttons && gradio.props.buttons.includes("fullscreen")
			}
		});
	});

	const compat_gradio = {
		i18n: gradio.i18n,
		client: gradio.shared.client,
		dispatch(name: keyof DataframeEvents, detail?: any) {
			if (name === "input" && changed) {
				changed = false;
				return;
			}
			gradio.dispatch(name, detail);
		},
		autoscroll: gradio.shared.autoscroll
	};
	$effect(() => {
		if (Component) {
			Component.$set({
				elem_id: gradio.shared.elem_id,
				elem_classes: gradio.shared.elem_classes,
				visible: gradio.shared.visible,