@gradio/dataframe 0.22.0 → 0.23.0

package/shared/icons/SortArrowUp.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	export let size = 16;
-</script>
-
-<svg
-	width={size}
-	height={size}
-	viewBox="0 0 16 16"
-	fill="none"
-	xmlns="http://www.w3.org/2000/svg"
->
-	<path
-		d="M4 8L8 4L12 8"
-		stroke="currentColor"
-		stroke-width="1.5"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	/>
-	<path
-		d="M8 4V12"
-		stroke="currentColor"
-		stroke-width="1.5"
-		stroke-linecap="round"
-	/>
-</svg>

package/shared/utils/data_processing.ts

@@ -1,77 +0,0 @@
-import type { Datatype, Headers, HeadersWithIDs } from "./utils";
-import type { CellValue } from "../types";
-import { cast_value_to_type } from "./utils";
-
-export function make_headers(
-	_head: Headers,
-	col_count: [number, "fixed" | "dynamic"],
-	els: Record<
-		string,
-		{ cell: null | HTMLTableCellElement; input: null | HTMLTextAreaElement }
-	>,
-	make_id: () => string
-): HeadersWithIDs {
-	let _h = _head || [];
-	if (col_count[1] === "fixed" && _h.length < col_count[0]) {
-		const fill = Array(col_count[0] - _h.length)
-			.fill("")
-			.map((_, i) => `${i + _h.length}`);
-		_h = _h.concat(fill);
-	}
-
-	if (!_h || _h.length === 0) {
-		return Array(col_count[0])
-			.fill(0)
-			.map((_, i) => {
-				const _id = make_id();
-				els[_id] = { cell: null, input: null };
-				return { id: _id, value: JSON.stringify(i + 1) };
-			});
-	}
-
-	return _h.map((h, i) => {
-		const _id = make_id();
-		els[_id] = { cell: null, input: null };
-		return { id: _id, value: h ?? "" };
-	});
-}
-
-export function process_data(
-	values: CellValue[][],
-	els: Record<
-		string,
-		{ cell: null | HTMLTableCellElement; input: null | HTMLTextAreaElement }
-	>,
-	data_binding: Record<string, any>,
-	make_id: () => string,
-	display_value: string[][] | null = null,
-	datatype: Datatype | Datatype[]
-): { id: string; value: CellValue; display_value?: string }[][] {
-	if (!values || values.length === 0) {
-		return [];
-	}
-
-	const result = values.map((row, i) => {
-		return row.map((value, j) => {
-			const _id = make_id();
-			els[_id] = { cell: null, input: null };
-			data_binding[_id] = value;
-
-			let display = display_value?.[i]?.[j];
-
-			if (display === undefined) {
-				display = String(value);
-			}
-
-			const dtype = Array.isArray(datatype) ? datatype[j] : datatype;
-
-			return {
-				id: _id,
-				value: cast_value_to_type(value, dtype),
-				display_value: display
-			};
-		});
-	});
-
-	return result;
-}

package/shared/utils/drag_utils.ts

@@ -1,105 +0,0 @@
-import type { CellCoordinate } from "../types";
-import { get_range_selection } from "../utils/selection_utils";
-
-export type DragState = {
-	is_dragging: boolean;
-	drag_start: CellCoordinate | null;
-	mouse_down_pos: { x: number; y: number } | null;
-};
-
-export type DragHandlers = {
-	handle_mouse_down: (event: MouseEvent, row: number, col: number) => void;
-	handle_mouse_move: (event: MouseEvent) => void;
-	handle_mouse_up: (event: MouseEvent) => void;
-};
-
-export function create_drag_handlers(
-	state: DragState,
-	set_is_dragging: (value: boolean) => void,
-	set_selected_cells: (cells: CellCoordinate[]) => void,
-	set_selected: (cell: CellCoordinate | false) => void,
-	handle_cell_click: (event: MouseEvent, row: number, col: number) => void,
-	show_row_numbers: boolean,
-	parent_element?: HTMLElement
-): DragHandlers {
-	const start_drag = (event: MouseEvent, row: number, col: number): void => {
-		const target = event.target as HTMLElement;
-		const is_checkbox_click =
-			(target as HTMLInputElement).type === "checkbox" ||
-			target.closest('input[type="checkbox"]') ||
-			target.closest(".bool-cell");
-
-		if (
-			event.target instanceof HTMLAnchorElement ||
-			(show_row_numbers && col === -1) ||
-			is_checkbox_click
-		)
-			return;
-
-		event.preventDefault();
-		event.stopPropagation();
-
-		state.mouse_down_pos = { x: event.clientX, y: event.clientY };
-		state.drag_start = [row, col];
-
-		if (!event.shiftKey && !event.metaKey && !event.ctrlKey) {
-			set_selected_cells([[row, col]]);
-			set_selected([row, col]);
-			handle_cell_click(event, row, col);
-		}
-	};
-
-	const update_selection = (event: MouseEvent): void => {
-		const cell = (event.target as HTMLElement).closest("td");
-		if (!cell) return;
-
-		const row = parseInt(cell.getAttribute("data-row") || "0");
-		const col = parseInt(cell.getAttribute("data-col") || "0");
-
-		if (isNaN(row) || isNaN(col)) return;
-
-		const selection_range = get_range_selection(state.drag_start!, [row, col]);
-		set_selected_cells(selection_range);
-		set_selected([row, col]);
-	};
-
-	const end_drag = (event: MouseEvent): void => {
-		if (!state.is_dragging && state.drag_start) {
-			handle_cell_click(event, state.drag_start[0], state.drag_start[1]);
-		} else if (state.is_dragging && parent_element) {
-			parent_element.focus();
-		}
-
-		state.is_dragging = false;
-		set_is_dragging(false);
-		state.drag_start = null;
-		state.mouse_down_pos = null;
-	};
-
-	return {
-		handle_mouse_down: start_drag,
-
-		handle_mouse_move(event: MouseEvent): void {
-			if (!state.drag_start || !state.mouse_down_pos) return;
-
-			if (!(event.buttons & 1)) {
-				end_drag(event);
-				return;
-			}
-
-			const dx = Math.abs(event.clientX - state.mouse_down_pos.x);
-			const dy = Math.abs(event.clientY - state.mouse_down_pos.y);
-
-			if (!state.is_dragging && (dx > 3 || dy > 3)) {
-				state.is_dragging = true;
-				set_is_dragging(true);
-			}
-
-			if (state.is_dragging) {
-				update_selection(event);
-			}
-		},
-
-		handle_mouse_up: end_drag
-	};
-}

package/shared/utils/filter_utils.ts

@@ -1,208 +0,0 @@
-import { filter_table_data } from "./table_utils";
-import type { CellValue } from "../types";
-
-export type FilterDatatype = "string" | "number";
-
-export function filter_data(
-	data: { id: string; value: CellValue }[][],
-	filter_columns: {
-		col: number;
-		datatype: FilterDatatype;
-		filter: string;
-		value: string;
-	}[]
-): number[] {
-	if (!data || !data.length || !data[0]) {
-		return [];
-	}
-	let row_indices = [...Array(data.length)].map((_, i) => i);
-
-	if (filter_columns.length > 0) {
-		filter_columns.forEach((column) => {
-			if (column.datatype === "string") {
-				switch (column.filter) {
-					case "Contains":
-						row_indices = row_indices.filter((i) =>
-							data[i][column.col]?.value.toString().includes(column.value)
-						);
-						break;
-					case "Does not contain":
-						row_indices = row_indices.filter(
-							(i) =>
-								!data[i][column.col]?.value.toString().includes(column.value)
-						);
-						break;
-					case "Starts with":
-						row_indices = row_indices.filter((i) =>
-							data[i][column.col]?.value.toString().startsWith(column.value)
-						);
-						break;
-					case "Ends with":
-						row_indices = row_indices.filter((i) =>
-							data[i][column.col]?.value.toString().endsWith(column.value)
-						);
-						break;
-					case "Is":
-						row_indices = row_indices.filter(
-							(i) => data[i][column.col]?.value.toString() === column.value
-						);
-						break;
-					case "Is not":
-						row_indices = row_indices.filter(
-							(i) => !(data[i][column.col]?.value.toString() === column.value)
-						);
-						break;
-					case "Is empty":
-						row_indices = row_indices.filter(
-							(i) => data[i][column.col]?.value.toString() === ""
-						);
-						break;
-					case "Is not empty":
-						row_indices = row_indices.filter(
-							(i) => !(data[i][column.col]?.value.toString() === "")
-						);
-						break;
-				}
-			} else if (column.datatype === "number") {
-				switch (column.filter) {
-					case "=":
-						row_indices = row_indices.filter((i) => {
-							if (
-								!isNaN(Number(data[i][column.col]?.value)) &&
-								!isNaN(Number(column.value))
-							) {
-								return (
-									Number(data[i][column.col]?.value) === Number(column.value)
-								);
-							}
-							return false;
-						});
-						break;
-					case "≠":
-						row_indices = row_indices.filter((i) => {
-							if (
-								!isNaN(Number(data[i][column.col]?.value)) &&
-								!isNaN(Number(column.value))
-							) {
-								return !(
-									Number(data[i][column.col]?.value) === Number(column.value)
-								);
-							}
-							return false;
-						});
-						break;
-					case ">":
-						row_indices = row_indices.filter((i) => {
-							if (
-								!isNaN(Number(data[i][column.col]?.value)) &&
-								!isNaN(Number(column.value))
-							) {
-								return (
-									Number(data[i][column.col]?.value) > Number(column.value)
-								);
-							}
-							return false;
-						});
-						break;
-					case "<":
-						row_indices = row_indices.filter((i) => {
-							if (
-								!isNaN(Number(data[i][column.col]?.value)) &&
-								!isNaN(Number(column.value))
-							) {
-								return (
-									Number(data[i][column.col]?.value) < Number(column.value)
-								);
-							}
-							return false;
-						});
-						break;
-					case "≥":
-						row_indices = row_indices.filter((i) => {
-							if (
-								!isNaN(Number(data[i][column.col]?.value)) &&
-								!isNaN(Number(column.value))
-							) {
-								return (
-									Number(data[i][column.col]?.value) >= Number(column.value)
-								);
-							}
-							return false;
-						});
-						break;
-					case "≤":
-						row_indices = row_indices.filter((i) => {
-							if (
-								!isNaN(Number(data[i][column.col]?.value)) &&
-								!isNaN(Number(column.value))
-							) {
-								return (
-									Number(data[i][column.col]?.value) <= Number(column.value)
-								);
-							}
-							return false;
-						});
-						break;
-					case "Is empty":
-						row_indices = row_indices.filter(
-							(i) => data[i][column.col]?.value.toString() === ""
-						);
-						break;
-					case "Is not empty":
-						row_indices = row_indices.filter((i) => {
-							if (!isNaN(Number(data[i][column.col]?.value))) {
-								return !(data[i][column.col]?.value.toString() === "");
-							}
-							return false;
-						});
-						break;
-				}
-			}
-		});
-		return row_indices;
-	}
-	return [...Array(data.length)].map((_, i) => i);
-}
-
-export function filter_data_and_preserve_selection(
-	data: { id: string; value: CellValue }[][],
-	display_value: string[][] | null,
-	styling: string[][] | null,
-	filter_columns: {
-		col: number;
-		datatype: FilterDatatype;
-		filter: string;
-		value: string;
-	}[],
-	selected: [number, number] | false,
-	get_current_indices: (
-		id: string,
-		data: { id: string; value: CellValue }[][]
-	) => [number, number],
-	original_data?: { id: string; value: CellValue }[][],
-	original_display_value?: string[][] | null,
-	original_styling?: string[][] | null
-): { data: typeof data; selected: [number, number] | false } {
-	let id = null;
-	if (selected && selected[0] in data && selected[1] in data[selected[0]]) {
-		id = data[selected[0]][selected[1]].id;
-	}
-
-	filter_table_data(
-		data,
-		display_value,
-		styling,
-		filter_columns,
-		original_data,
-		original_display_value,
-		original_styling
-	);
-
-	let new_selected = selected;
-	if (id) {
-		const [i, j] = get_current_indices(id, data);
-		new_selected = [i, j];
-	}
-
-	return { data, selected: new_selected };
-}