@revisium/schema-toolkit-ui 0.4.0 → 0.5.0

package/dist/index.cjs

@@ -6593,7 +6593,12 @@ const FileActions = (0, mobx_react_lite.observer)(({ node }) => {
 		const file = event.target.files?.[0];
 		if (!file) return;
 		event.target.value = "";
-		const result = await node.callbacks?.onUploadFile?.(fileId, file);
+		const rowId = node.editorContext?.rowId ?? "";
+		const result = await node.callbacks?.onUploadFile?.({
+			rowId,
+			fileId,
+			file
+		});
 		if (result) node.node.setValue(result, { internal: true });
 	}, [node, fileId]);
 	const handleOpenFile = (0, react.useCallback)(() => {
@@ -6930,9 +6935,10 @@ function extractColumns(rootNode) {
 function collectColumns(node, parentPath, columns) {
 	for (const child of node.properties()) {
 		const fieldPath = buildFieldPath(parentPath, child.name());
-		const column = resolveColumn(child, fieldPath);
-		if (column === "recurse") collectColumns(child, fieldPath, columns);
-		else if (column) columns.push(column);
+		const result = resolveColumn(child, fieldPath);
+		if (result === "recurse") collectColumns(child, fieldPath, columns);
+		else if (result) if (Array.isArray(result)) for (const col of result) columns.push(col);
+		else columns.push(result);
 	}
 }
 function buildFieldPath(parentPath, fieldName) {
@@ -6940,8 +6946,8 @@ function buildFieldPath(parentPath, fieldName) {
 }
 function resolveColumn(child, fieldPath) {
 	if (child.isArray()) return null;
-	const refColumn = resolveRefColumn(child, fieldPath);
-	if (refColumn) return refColumn;
+	const refResult = resolveRefColumn(child, fieldPath);
+	if (refResult) return refResult;
 	if (child.isObject() && !child.isRef()) return "recurse";
 	if (child.foreignKey() !== void 0) {
 		const col = createColumn(fieldPath, child, FilterFieldType.ForeignKey);
@@ -6965,13 +6971,22 @@ function resolveRefColumn(child, fieldPath) {
 		isDeprecated: child.metadata().deprecated ?? false,
 		hasFormula: child.hasFormula()
 	};
-	if (refValue === _revisium_schema_toolkit.SystemSchemaIds.File) return createColumn(fieldPath, child, FilterFieldType.File);
+	if (refValue === _revisium_schema_toolkit.SystemSchemaIds.File) return resolveFileRefColumns(child, fieldPath);
 	return null;
 }
+function resolveFileRefColumns(child, fieldPath) {
+	const result = [createColumn(fieldPath, child, FilterFieldType.File)];
+	if (child.isObject()) for (const subField of child.properties()) {
+		const subFieldPath = buildFieldPath(fieldPath, subField.name());
+		const fieldType = NODE_TYPE_TO_FIELD_TYPE[subField.nodeType()];
+		if (fieldType) result.push(createColumn(subFieldPath, subField, fieldType));
+	}
+	return result;
+}
 function createColumn(fieldPath, child, fieldType) {
 	return {
 		field: fieldPath,
-		label: child.name(),
+		label: fieldPath,
 		fieldType,
 		isSystem: false,
 		isDeprecated: child.metadata().deprecated ?? false,
@@ -6981,9 +6996,9 @@ function createColumn(fieldPath, child, fieldType) {
 
 //#endregion
 //#region src/table-editor/Columns/model/selectDefaultColumns.ts
-const SEMANTIC_NAME_PATTERNS = /^(title|name|label)$/i;
+const SEMANTIC_NAME_PATTERNS = /^(title|name|label|subject|summary|description|heading|caption|email|username|displayName|firstName|lastName)$/i;
 const PRIORITY_BY_TYPE = {
-	[FilterFieldType.File]: 0,
+	[FilterFieldType.File]: 2,
 	[FilterFieldType.String]: 2,
 	[FilterFieldType.Number]: 3,
 	[FilterFieldType.Boolean]: 3,
@@ -6994,8 +7009,23 @@ function columnPriority(col) {
 	if (col.fieldType === FilterFieldType.String && SEMANTIC_NAME_PATTERNS.test(col.label)) return 1;
 	return PRIORITY_BY_TYPE[col.fieldType];
 }
-function selectDefaultColumns(columns, maxVisible = 3) {
-	return [...columns.filter((col) => !col.isSystem && !col.isDeprecated)].sort((a, b) => columnPriority(a) - columnPriority(b)).slice(0, maxVisible);
+function selectDefaultColumns(columns, maxVisible = 4) {
+	const idColumn = columns.find((col) => col.isSystem && col.field === "id");
+	const fileFieldPrefixes = columns.filter((col) => col.fieldType === FilterFieldType.File).map((col) => `${col.field}.`);
+	const sorted = [...columns.filter((col) => !col.isSystem && !col.isDeprecated && !fileFieldPrefixes.some((prefix) => col.field.startsWith(prefix)))].sort((a, b) => columnPriority(a) - columnPriority(b));
+	const dataSlots = idColumn ? maxVisible - 1 : maxVisible;
+	let fileIncluded = false;
+	const dataColumns = [];
+	for (const col of sorted) {
+		if (dataColumns.length >= dataSlots) break;
+		if (col.fieldType === FilterFieldType.File) {
+			if (fileIncluded) continue;
+			fileIncluded = true;
+		}
+		dataColumns.push(col);
+	}
+	if (idColumn) return [idColumn, ...dataColumns];
+	return dataColumns;
 }
 
 //#endregion
@@ -7038,10 +7068,13 @@ var ColumnsModel = class {
 		return this._visibleFields.length > 1;
 	}
 	get sortableFields() {
-		return this._allColumns.filter((col) => !col.isDeprecated);
+		return this._operableFields;
 	}
 	get filterableFields() {
-		return this._allColumns.filter((col) => !col.isDeprecated);
+		return this._operableFields;
+	}
+	get _operableFields() {
+		return this._allColumns.filter((col) => !col.isDeprecated && col.fieldType !== FilterFieldType.File);
 	}
 	get pinnedLeftCount() {
 		let count = 0;
@@ -7164,6 +7197,8 @@ var ColumnsModel = class {
 	}
 	setColumnWidth(field, width) {
 		this._columnWidths.set(field, width);
+	}
+	commitColumnWidth() {
 		this._notifyChange();
 	}
 	getColumnWidth(field) {
@@ -7290,7 +7325,8 @@ var ColumnsModel = class {
 				if (vc.pinned !== void 0) this._pinnedColumns.set(field, vc.pinned);
 			}
 		}
-		this._visibleFields = fields;
+		if (fields.length === 0) this._visibleFields = selectDefaultColumns(this._allColumns).map((col) => col.field);
+		else this._visibleFields = fields;
 	}
 	setOnChange(cb) {
 		this._onChange = cb;
@@ -8146,9 +8182,25 @@ var FilterCore = class FilterCore {
 		this._notifyChange();
 	}
 	applySnapshot(serialized) {
-		this._committedHasFilters = this._serializer.applySnapshot(serialized);
+		let parsed;
+		try {
+			parsed = JSON.parse(serialized);
+		} catch {
+			return;
+		}
+		if (!parsed || typeof parsed !== "object" || !Array.isArray(parsed.conditions) || !Array.isArray(parsed.groups)) return;
+		const validFields = new Set(this._availableFields.map((f) => f.field));
+		const cleaned = FilterCore._stripInvalidConditions(parsed, validFields);
+		this._committedHasFilters = this._serializer.applySnapshot(JSON.stringify(cleaned));
 		this._notifyChange();
 	}
+	static _stripInvalidConditions(group, validFields) {
+		return {
+			...group,
+			conditions: group.conditions.filter((c) => validFields.has(c.field)),
+			groups: group.groups.map((g) => FilterCore._stripInvalidConditions(g, validFields)).filter((g) => g.conditions.length > 0 || g.groups.length > 0)
+		};
+	}
 	clearAll() {
 		this._row.reset(FilterCore._emptyFilterData());
 		this._committedHasFilters = false;
@@ -9642,11 +9694,11 @@ var ObservableFSM = class {
 	_onUnhandledEvent;
 	constructor(config) {
 		this._state = config.initial;
-		this._context = { ...config.context };
+		this._context = mobx.observable.object({ ...config.context }, void 0, { deep: false });
 		this._transitions = config.transitions;
 		this._onTransition = config.onTransition;
 		this._onUnhandledEvent = config.onUnhandledEvent;
-		(0, mobx.makeAutoObservable)(this, {}, { autoBind: true });
+		(0, mobx.makeAutoObservable)(this, { _context: false }, { autoBind: true });
 	}
 	get state() {
 		return this._state;
@@ -9932,6 +9984,7 @@ var CellFSM = class {
 	_fsm;
 	constructor() {
 		this._fsm = new ObservableFSM(createConfig());
+		(0, mobx.makeAutoObservable)(this, {}, { autoBind: true });
 	}
 	get state() {
 		return this._fsm.state;
@@ -10116,13 +10169,15 @@ var CellVM = class {
 	_rowId;
 	_cellFSM;
 	_onCommit;
-	constructor(rowModel, column, rowId, cellFSM, onCommit) {
+	_systemValues;
+	constructor(rowModel, column, rowId, cellFSM, onCommit, systemValues) {
 		this._rowModel = rowModel;
 		this._column = column;
 		this._rowId = rowId;
 		this._cellFSM = cellFSM;
 		this._onCommit = onCommit ?? null;
-		(0, mobx.makeAutoObservable)(this, {}, { autoBind: true });
+		this._systemValues = systemValues ?? null;
+		(0, mobx.makeAutoObservable)(this, { selectionEdges: (0, mobx.computed)({ equals: mobx.comparer.structural }) }, { autoBind: true });
 	}
 	get field() {
 		return this._column.field;
@@ -10137,6 +10192,7 @@ var CellVM = class {
 		return this._rowId;
 	}
 	get value() {
+		if (this._systemValues) return this._systemValues[this._column.field];
 		const node = this._getNode();
 		if (!node) return;
 		return node.getPlainValue();
@@ -10148,10 +10204,21 @@ var CellVM = class {
 		if (typeof val === "number") return String(val);
 		if (typeof val === "string") return val;
 		if (Array.isArray(val)) return `[${val.length}]`;
-		if (typeof val === "object") return "{...}";
+		if (typeof val === "object") {
+			const obj = val;
+			if (typeof obj.fileName === "string" && obj.fileName) return obj.fileName;
+			if (this._column.fieldType === FilterFieldType.File) return "";
+			return "{...}";
+		}
 		return "";
 	}
 	get isReadOnly() {
+		if (this._systemValues) return true;
+		if (this._column.fieldType === FilterFieldType.File) {
+			const fileNameNode = this._getFileNameNode();
+			if (!fileNameNode?.isPrimitive()) return true;
+			return fileNameNode.isReadOnly;
+		}
 		const node = this._getNode();
 		if (!node) return true;
 		if (node.isPrimitive()) return node.isReadOnly;
@@ -10160,8 +10227,25 @@ var CellVM = class {
 	get foreignKeyTableId() {
 		return this._column.foreignKeyTableId;
 	}
+	get fileData() {
+		if (this._column.fieldType !== FilterFieldType.File) return null;
+		const val = this.value;
+		if (!val || typeof val !== "object" || Array.isArray(val)) return null;
+		const obj = val;
+		return {
+			status: obj.status ?? "",
+			fileId: obj.fileId ?? "",
+			url: obj.url ?? "",
+			fileName: obj.fileName ?? "",
+			mimeType: obj.mimeType ?? "",
+			width: typeof obj.width === "number" ? obj.width : 0,
+			height: typeof obj.height === "number" ? obj.height : 0
+		};
+	}
 	get isEditable() {
+		if (this._systemValues) return false;
 		if (this.isReadOnly) return false;
+		if (this._column.fieldType === FilterFieldType.File) return this._getFileNameNode() !== void 0;
 		const node = this._getNode();
 		if (!node) return false;
 		return node.isPrimitive();
@@ -10213,6 +10297,11 @@ var CellVM = class {
 		this._cellFSM.doubleClick(clickOffset);
 	}
 	commitEdit(newValue) {
+		if (this._column.fieldType === FilterFieldType.File) {
+			this._commitFileNameEdit(newValue);
+			this._cellFSM.commit();
+			return;
+		}
 		const node = this._getNode();
 		const previousValue = node?.getPlainValue();
 		if (node?.isPrimitive()) node.setValue(newValue);
@@ -10220,6 +10309,11 @@ var CellVM = class {
 		this._onCommit?.(this._rowId, this._column.field, newValue, previousValue);
 	}
 	commitEditAndMoveDown(newValue) {
+		if (this._column.fieldType === FilterFieldType.File && newValue !== void 0) {
+			this._commitFileNameEdit(newValue);
+			this._cellFSM.commitAndMoveDown();
+			return;
+		}
 		let previousValue;
 		if (newValue !== void 0) {
 			const node = this._getNode();
@@ -10232,6 +10326,13 @@ var CellVM = class {
 	cancelEdit() {
 		this._cellFSM.cancel();
 	}
+	commitFileUpload(result) {
+		const node = this._getNode();
+		if (!node?.isObject()) return;
+		const previousValue = node.getPlainValue();
+		node.setValue(result, { internal: true });
+		this._onCommit?.(this._rowId, this._column.field, result, previousValue);
+	}
 	clearToDefault() {
 		const node = this._getNode();
 		if (!node || !node.isPrimitive() || node.isReadOnly) return;
@@ -10314,6 +10415,19 @@ var CellVM = class {
 	_getNode() {
 		return this._rowModel.get(this._column.field);
 	}
+	_getFileNameNode() {
+		return this._rowModel.get(`${this._column.field}.fileName`);
+	}
+	_commitFileNameEdit(newFileName) {
+		const fileNameNode = this._getFileNameNode();
+		if (!fileNameNode?.isPrimitive()) return;
+		const objectNode = this._getNode();
+		if (!objectNode) return;
+		const previousValue = objectNode.getPlainValue();
+		fileNameNode.setValue(newFileName);
+		const newValue = objectNode.getPlainValue();
+		this._onCommit?.(this._rowId, this._column.field, newValue, previousValue);
+	}
 	_applyPastedString(node, text) {
 		let trimmed = text;
 		while (trimmed.endsWith("\n")) trimmed = trimmed.slice(0, -1);
@@ -10340,13 +10454,15 @@ var RowVM = class {
 	_cellFSM;
 	_selection;
 	_onCellCommit;
+	_systemValues;
 	_cellCache = /* @__PURE__ */ new Map();
-	constructor(rowModel, rowId, cellFSM, selection, onCellCommit) {
+	constructor(rowModel, rowId, cellFSM, selection, onCellCommit, systemValues) {
 		this._rowModel = rowModel;
 		this._rowId = rowId;
 		this._cellFSM = cellFSM;
 		this._selection = selection;
 		this._onCellCommit = onCellCommit ?? null;
+		this._systemValues = systemValues ?? {};
 		(0, mobx.makeAutoObservable)(this, {}, { autoBind: true });
 	}
 	get rowId() {
@@ -10364,7 +10480,7 @@ var RowVM = class {
 	getCellVM(column) {
 		const cached = this._cellCache.get(column.field);
 		if (cached) return cached;
-		const cell = new CellVM(this._rowModel, column, this._rowId, this._cellFSM, this._onCellCommit ?? void 0);
+		const cell = new CellVM(this._rowModel, column, this._rowId, this._cellFSM, this._onCellCommit ?? void 0, column.isSystem ? this._systemValues : void 0);
 		this._cellCache.set(column.field, cell);
 		return cell;
 	}
@@ -10758,14 +10874,13 @@ const stateStyles = {
 	}
 };
 function getCellState(cell) {
-	const hasRange = cell.hasRangeSelection;
 	if (cell.isReadOnly) {
-		if (cell.isFocused && !hasRange) return "readonlyFocused";
+		if (cell.isFocused && !cell.isInSelection) return "readonlyFocused";
 		if (cell.isInSelection) return "selected";
 		return "readonly";
 	}
 	if (cell.isEditing) return "editing";
-	if (cell.isFocused && !hasRange) return "focused";
+	if (cell.isFocused && !cell.isInSelection) return "focused";
 	if (cell.isInSelection) return "selected";
 	return "display";
 }
@@ -10803,7 +10918,7 @@ const CellWrapper = (0, mobx_react_lite.observer)(({ cell, children, onDoubleCli
 	const deferredEdit = useDeferredMenuEdit(onStartEdit ?? onDoubleClick);
 	const state = getCellState(cell);
 	const selectionEdges = cell.selectionEdges;
-	const isAnchorInRange = cell.isAnchor && cell.hasRangeSelection;
+	const isAnchorInRange = cell.isAnchor && cell.isInSelection;
 	const navVersion = cell.navigationVersion;
 	(0, react.useEffect)(() => {
 		if (!cellRef.current) return;
@@ -10966,61 +11081,68 @@ function useTextareaCell(cell) {
 		};
 	}, []);
 	const trigger = cell.editTrigger;
+	const clickOffsetValue = trigger?.type === "doubleClick" ? trigger.clickOffset : void 0;
+	const appendCharValue = trigger?.type === "char" ? trigger.char : void 0;
+	const startEditing = (0, react.useCallback)((clientX) => {
+		if (!cell.isEditable) return;
+		const offset = clientX === void 0 ? void 0 : getClickOffset(textRef.current, cell.displayValue, clientX);
+		cell.startEditWithDoubleClick(offset);
+	}, [cell]);
+	const handleTypeChar = (0, react.useCallback)((char) => {
+		if (!cell.isEditable) return;
+		cell.startEditWithChar(char);
+	}, [cell]);
+	const handleCommitted = (0, react.useCallback)(() => {}, []);
+	const handleCancel = (0, react.useCallback)(() => {
+		cell.cancelEdit();
+	}, [cell]);
+	const handleStartEditFromKeyboard = (0, react.useCallback)(() => {
+		if (!cell.isEditable) return;
+		cell.startEdit();
+	}, [cell]);
+	const trimValue = (0, react.useCallback)((localValue) => {
+		let trimmed = localValue;
+		while (trimmed.endsWith("\n")) trimmed = trimmed.slice(0, -1);
+		return trimmed;
+	}, []);
 	return {
 		cellRef,
 		textRef,
 		getEditPosition,
-		clickOffsetValue: trigger?.type === "doubleClick" ? trigger.clickOffset : void 0,
-		appendCharValue: trigger?.type === "char" ? trigger.char : void 0,
-		startEditing: (0, react.useCallback)((clientX) => {
-			if (!cell.isEditable) return;
-			const offset = clientX === void 0 ? void 0 : getClickOffset(textRef.current, cell.displayValue, clientX);
-			cell.startEditWithDoubleClick(offset);
-		}, [cell]),
-		handleTypeChar: (0, react.useCallback)((char) => {
-			if (!cell.isEditable) return;
-			cell.startEditWithChar(char);
-		}, [cell]),
-		handleCommitted: (0, react.useCallback)(() => {}, []),
-		handleCancel: (0, react.useCallback)(() => {
-			cell.cancelEdit();
-		}, [cell]),
-		handleStartEditFromKeyboard: (0, react.useCallback)(() => {
-			if (!cell.isEditable) return;
-			cell.startEdit();
-		}, [cell])
+		clickOffsetValue,
+		appendCharValue,
+		startEditing,
+		handleTypeChar,
+		handleCommit: (0, react.useCallback)((localValue) => {
+			const trimmed = trimValue(localValue);
+			if (trimmed === cell.displayValue) cell.cancelEdit();
+			else cell.commitEdit(trimmed);
+			handleCommitted();
+		}, [
+			cell,
+			handleCommitted,
+			trimValue
+		]),
+		handleCommitEnter: (0, react.useCallback)((localValue) => {
+			const trimmed = trimValue(localValue);
+			if (trimmed === cell.displayValue) cell.commitEditAndMoveDown();
+			else cell.commitEditAndMoveDown(trimmed);
+			handleCommitted();
+		}, [
+			cell,
+			handleCommitted,
+			trimValue
+		]),
+		handleCommitted,
+		handleCancel,
+		handleStartEditFromKeyboard
 	};
 }
 
 //#endregion
 //#region src/table-editor/Table/ui/Cell/StringCell.tsx
 const StringCell = (0, mobx_react_lite.observer)(({ cell }) => {
-	const { cellRef, textRef, getEditPosition, clickOffsetValue, appendCharValue, startEditing, handleTypeChar, handleCommitted, handleCancel, handleStartEditFromKeyboard } = useTextareaCell(cell);
-	const trimValue = (0, react.useCallback)((localValue) => {
-		let trimmed = localValue;
-		while (trimmed.endsWith("\n")) trimmed = trimmed.slice(0, -1);
-		return trimmed;
-	}, []);
-	const handleCommit = (0, react.useCallback)((localValue) => {
-		const trimmed = trimValue(localValue);
-		if (trimmed !== cell.displayValue) cell.commitEdit(trimmed);
-		else cell.cancelEdit();
-		handleCommitted();
-	}, [
-		cell,
-		handleCommitted,
-		trimValue
-	]);
-	const handleCommitEnter = (0, react.useCallback)((localValue) => {
-		const trimmed = trimValue(localValue);
-		if (trimmed === cell.displayValue) cell.commitEditAndMoveDown();
-		else cell.commitEditAndMoveDown(trimmed);
-		handleCommitted();
-	}, [
-		cell,
-		handleCommitted,
-		trimValue
-	]);
+	const { cellRef, textRef, getEditPosition, clickOffsetValue, appendCharValue, startEditing, handleTypeChar, handleCommit, handleCommitEnter, handleCancel, handleStartEditFromKeyboard } = useTextareaCell(cell);
 	const editPosition = cell.isEditing ? getEditPosition() : null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.Box, {
 		ref: cellRef,
@@ -11261,19 +11383,144 @@ const ForeignKeyCell = (0, mobx_react_lite.observer)(({ cell, onSearchForeignKey
 
 //#endregion
 //#region src/table-editor/Table/ui/Cell/FileCell.tsx
-const FileCell = (0, mobx_react_lite.observer)(({ cell }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CellWrapper, {
-		cell,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.HStack, {
-			gap: 1,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiFileBold, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_chakra_ui_react.Text, {
-				whiteSpace: "nowrap",
-				textOverflow: "ellipsis",
-				overflow: "hidden",
-				fontWeight: "300",
-				children: cell.displayValue
-			})]
-		})
+const FileCell = (0, mobx_react_lite.observer)(({ cell, onUploadFile, onOpenFile }) => {
+	const fileInputRef = (0, react.useRef)(null);
+	const fileData = cell.fileData;
+	const status = fileData?.status ?? "";
+	const fileId = fileData?.fileId ?? "";
+	const url = fileData?.url ?? "";
+	const mimeType = fileData?.mimeType ?? "";
+	const width = fileData?.width ?? 0;
+	const height = fileData?.height ?? 0;
+	const isReadonly = cell.isReadOnly;
+	const isEditing = cell.isEditing;
+	const availablePreview = mimeType.startsWith("image/");
+	const showViewFile = Boolean(url);
+	const showUploadFile = !isReadonly && Boolean(onUploadFile) && (status === "ready" || status === "uploaded");
+	const showInfo = !showViewFile && !showUploadFile && isReadonly;
+	const { cellRef, textRef, getEditPosition, clickOffsetValue, appendCharValue, startEditing, handleTypeChar, handleCommit, handleCommitEnter, handleCancel, handleStartEditFromKeyboard } = useTextareaCell(cell);
+	const handleFileChange = (0, react.useCallback)(async (event) => {
+		const file = event.target.files?.[0];
+		if (!file) return;
+		event.target.value = "";
+		try {
+			const result = await onUploadFile?.({
+				rowId: cell.rowId,
+				fileId,
+				file
+			});
+			if (result) cell.commitFileUpload(result);
+		} catch {}
+	}, [
+		onUploadFile,
+		fileId,
+		cell
+	]);
+	const handleOpenFile = (0, react.useCallback)(() => {
+		if (onOpenFile) onOpenFile(url);
+		else window.open(url, "_blank", "noopener,noreferrer");
+	}, [onOpenFile, url]);
+	const handleUploadClick = (0, react.useCallback)((e) => {
+		e.stopPropagation();
+		fileInputRef.current?.click();
+	}, []);
+	const editPosition = isEditing ? getEditPosition() : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.Box, {
+		ref: cellRef,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CellWrapper, {
+			cell,
+			onDoubleClick: cell.isEditable ? startEditing : void 0,
+			onStartEdit: cell.isEditable ? handleStartEditFromKeyboard : void 0,
+			onTypeChar: cell.isEditable ? handleTypeChar : void 0,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.HStack, {
+				gap: 1,
+				width: "100%",
+				justifyContent: "space-between",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_chakra_ui_react.Text, {
+					ref: textRef,
+					whiteSpace: "nowrap",
+					textOverflow: "ellipsis",
+					overflow: "hidden",
+					fontWeight: "300",
+					flex: 1,
+					minWidth: 0,
+					children: cell.displayValue
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.Flex, {
+					className: "file-action-buttons",
+					alignItems: "center",
+					flexShrink: 0,
+					opacity: 0,
+					transition: "opacity 0.15s ease",
+					css: { "td:hover &, &[data-visible]": { opacity: 1 } },
+					...showInfo ? { "data-visible": true } : {},
+					children: [
+						showInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tooltip, {
+							openDelay: 50,
+							closeDelay: 50,
+							content: "The file was not uploaded in this revision",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_chakra_ui_react.Flex, {
+								width: "24px",
+								height: "24px",
+								alignItems: "center",
+								justifyContent: "center",
+								color: "gray.400",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiInfo, {})
+							})
+						}),
+						showViewFile && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileHoverCard, {
+							url,
+							availablePreview,
+							width,
+							height,
+							onClick: handleOpenFile,
+							dataTestId: `cell-file-open-${cell.rowId}-${cell.field}`
+						}),
+						showUploadFile && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.Box, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							ref: fileInputRef,
+							type: "file",
+							onChange: handleFileChange,
+							style: { display: "none" },
+							"data-testid": `cell-file-input-${cell.rowId}-${cell.field}`
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_chakra_ui_react.IconButton, {
+							"aria-label": "Upload file",
+							variant: "ghost",
+							size: "2xs",
+							color: showViewFile ? "gray.300" : "gray.500",
+							_hover: {
+								bg: "gray.100",
+								color: "black"
+							},
+							onClick: handleUploadClick,
+							"data-testid": `cell-file-upload-${cell.rowId}-${cell.field}`,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiUploadThin, {})
+						})] }),
+						!showInfo && !showViewFile && !showUploadFile && !isReadonly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tooltip, {
+							openDelay: 50,
+							closeDelay: 50,
+							content: "Save the row first, then upload the file",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_chakra_ui_react.Flex, {
+								width: "24px",
+								height: "24px",
+								alignItems: "center",
+								justifyContent: "center",
+								color: "gray.400",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiInfo, {})
+							})
+						})
+					]
+				})]
+			})
+		}), editPosition && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CellTextareaEditor, {
+			value: cell.displayValue,
+			position: editPosition,
+			clickOffset: clickOffsetValue,
+			appendChar: appendCharValue,
+			autoHeight: true,
+			onCommit: handleCommit,
+			onCommitEnter: handleCommitEnter,
+			onCancel: handleCancel,
+			testId: "file-cell-input"
+		})]
 	});
 });
 
@@ -11311,7 +11558,7 @@ const ReadonlyCell = (0, mobx_react_lite.observer)(({ cell }) => {
 
 //#endregion
 //#region src/table-editor/Table/ui/Cell/CellRenderer.tsx
-const CellRenderer = (0, mobx_react_lite.observer)(({ cell, onSearchForeignKey }) => {
+const CellRenderer = (0, mobx_react_lite.observer)(({ cell, onSearchForeignKey, onUploadFile, onOpenFile }) => {
 	switch (cell.column.fieldType) {
 		case FilterFieldType.String: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StringCell, { cell });
 		case FilterFieldType.Number: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberCell, { cell });
@@ -11320,7 +11567,11 @@ const CellRenderer = (0, mobx_react_lite.observer)(({ cell, onSearchForeignKey }
 			cell,
 			onSearchForeignKey
 		});
-		case FilterFieldType.File: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileCell, { cell });
+		case FilterFieldType.File: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileCell, {
+			cell,
+			onUploadFile,
+			onOpenFile
+		});
 		case FilterFieldType.DateTime: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DateTimeCell, { cell });
 		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadonlyCell, { cell });
 	}
@@ -11489,6 +11740,7 @@ const ResizeHandle = (0, mobx_react_lite.observer)(({ field, columnsModel }) =>
 			};
 			const cleanup = () => {
 				cancelAnimationFrame(rafRef.current);
+				columnsModel.commitColumnWidth();
 				setIsResizing(false);
 				document.body.style.cursor = "";
 				document.body.style.userSelect = "";
@@ -12018,7 +12270,7 @@ const AddColumnButton = (0, mobx_react_lite.observer)(({ columnsModel }) => {
 const SELECTION_COLUMN_WIDTH$1 = 40;
 const ADD_COLUMN_BUTTON_WIDTH$1 = 40;
 const BOTTOM_BORDER_SHADOW$1 = "inset 0 -1px 0 0 var(--chakra-colors-gray-100)";
-const HeaderRow = (0, mobx_react_lite.observer)(({ columnsModel, sortModel, filterModel, onCopyPath, showSelection, showLeftShadow, showRightShadow }) => {
+const HeaderRow = (0, mobx_react_lite.observer)(({ columnsModel, sortModel, filterModel, onCopyPath, showSelection, scrollShadow }) => {
 	const selectionWidth = showSelection ? SELECTION_COLUMN_WIDTH$1 : 0;
 	const addColumnStickyRight = columnsModel.hasHiddenColumns;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.Box, {
@@ -12045,8 +12297,8 @@ const HeaderRow = (0, mobx_react_lite.observer)(({ columnsModel, sortModel, filt
 					filterModel,
 					onCopyPath,
 					stickyPosition: getStickyPosition(col.field, columnsModel, selectionWidth, addColumnStickyRight),
-					showLeftShadow,
-					showRightShadow
+					showLeftShadow: scrollShadow?.showLeftShadow,
+					showRightShadow: scrollShadow?.showRightShadow
 				}, col.field);
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_chakra_ui_react.Box, {
@@ -12291,7 +12543,7 @@ function getCellBoxShadow(isSticky, side) {
 	if (!isSticky) return BOTTOM_BORDER_SHADOW;
 	return `${BOTTOM_BORDER_SHADOW}, ${side === "left" ? "inset -1px 0 0 0 var(--chakra-colors-gray-100)" : "inset 1px 0 0 0 var(--chakra-colors-gray-100)"}`;
 }
-const DataRow = (0, mobx_react_lite.observer)(({ row, columnsModel, showSelection, showLeftShadow, showRightShadow, onSearchForeignKey, onOpenRow, onSelectRow, onDuplicateRow, onDeleteRow }) => {
+const DataRow = (0, mobx_react_lite.observer)(({ row, columnsModel, showSelection, scrollShadow, onSearchForeignKey, onUploadFile, onOpenFile, onOpenRow, onSelectRow, onDuplicateRow, onDeleteRow }) => {
 	const hasRowActions = Boolean(onOpenRow || onSelectRow || onDuplicateRow || onDeleteRow);
 	const selectionWidth = showSelection ? SELECTION_COLUMN_WIDTH : 0;
 	const addColumnStickyRight = columnsModel.hasHiddenColumns;
@@ -12306,7 +12558,7 @@ const DataRow = (0, mobx_react_lite.observer)(({ row, columnsModel, showSelectio
 			const cellVM = row.getCellVM(col);
 			const isFirstColumn = index === 0;
 			const showOverlay = isFirstColumn && hasRowActions && !cellVM.isEditing;
-			const sticky = computeStickyProps(col, columnsModel, selectionWidth, addColOffset, showLeftShadow, showRightShadow);
+			const sticky = computeStickyProps(col, columnsModel, selectionWidth, addColOffset, scrollShadow?.showLeftShadow, scrollShadow?.showRightShadow);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.Box, {
 				as: "td",
 				width: sticky.colWidth,
@@ -12327,11 +12579,15 @@ const DataRow = (0, mobx_react_lite.observer)(({ row, columnsModel, showSelectio
 					overflow: "hidden",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CellRenderer, {
 						cell: cellVM,
-						onSearchForeignKey
+						onSearchForeignKey,
+						onUploadFile,
+						onOpenFile
 					})
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CellRenderer, {
 					cell: cellVM,
-					onSearchForeignKey
+					onSearchForeignKey,
+					onUploadFile,
+					onOpenFile
 				}), showOverlay && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowActionOverlay, {
 					rowId: row.rowId,
 					onOpen: onOpenRow,
@@ -12483,16 +12739,29 @@ const TableRowComponent = ({ "data-index": index, context, style, children, ...p
 
 //#endregion
 //#region src/table-editor/Table/ui/hooks/useScrollShadow.ts
-const INITIAL_STATE = {
-	showLeftShadow: false,
-	showRightShadow: false
+var ScrollShadowModel = class {
+	showLeftShadow = false;
+	showRightShadow = false;
+	constructor() {
+		(0, mobx.makeAutoObservable)(this);
+	}
+	update(left, right) {
+		this.showLeftShadow = left;
+		this.showRightShadow = right;
+	}
+	reset() {
+		this.showLeftShadow = false;
+		this.showRightShadow = false;
+	}
 };
 function getScrollElement(target) {
 	if (target instanceof HTMLElement) return target;
 	return document.scrollingElement;
 }
 function useScrollShadow() {
-	const [state, setState] = (0, react.useState)(INITIAL_STATE);
+	const modelRef = (0, react.useRef)(null);
+	if (!modelRef.current) modelRef.current = new ScrollShadowModel();
+	const model = modelRef.current;
 	const targetRef = (0, react.useRef)(null);
 	const rafRef = (0, react.useRef)(0);
 	const update = (0, react.useCallback)(() => {
@@ -12502,11 +12771,10 @@ function useScrollShadow() {
 		if (!el) return;
 		const scrollLeft = el.scrollLeft;
 		const maxScroll = el.scrollWidth - el.clientWidth;
-		setState({
-			showLeftShadow: scrollLeft > 0,
-			showRightShadow: maxScroll > 1 && scrollLeft < maxScroll - 1
+		(0, mobx.runInAction)(() => {
+			model.update(scrollLeft > 0, maxScroll > 1 && scrollLeft < maxScroll - 1);
 		});
-	}, []);
+	}, [model]);
 	const handleScroll = (0, react.useCallback)(() => {
 		if (rafRef.current) cancelAnimationFrame(rafRef.current);
 		rafRef.current = requestAnimationFrame(update);
@@ -12520,9 +12788,15 @@ function useScrollShadow() {
 			rafRef.current = requestAnimationFrame(update);
 		} else {
 			targetRef.current = null;
-			setState(INITIAL_STATE);
+			(0, mobx.runInAction)(() => {
+				model.reset();
+			});
 		}
-	}, [handleScroll, update]);
+	}, [
+		handleScroll,
+		update,
+		model
+	]);
 	(0, react.useEffect)(() => {
 		return () => {
 			const prev = targetRef.current;
@@ -12531,7 +12805,7 @@ function useScrollShadow() {
 		};
 	}, [handleScroll]);
 	return {
-		state,
+		model,
 		setScrollerRef
 	};
 }
@@ -12542,11 +12816,11 @@ const baseComponents = {
 	Table: TableComponent,
 	TableRow: TableRowComponent
 };
-const TableWidget = (0, mobx_react_lite.observer)(({ rows, columnsModel, cellFSM, selection, sortModel, filterModel, onSearchForeignKey, onOpenRow, onDeleteSelected, onDuplicateSelected, onDeleteRow, onDuplicateRow, onCopyPath, onEndReached, isLoadingMore, useWindowScroll: useWindowScrollProp }) => {
+const TableWidget = (0, mobx_react_lite.observer)(({ rows, columnsModel, cellFSM, selection, sortModel, filterModel, onSearchForeignKey, onUploadFile, onOpenFile, onOpenRow, onDeleteSelected, onDuplicateSelected, onDeleteRow, onDuplicateRow, onCopyPath, onEndReached, isLoadingMore, useWindowScroll: useWindowScrollProp }) => {
 	const showSelection = selection.isSelectionMode;
 	const allRowIds = rows.map((r) => r.rowId);
 	const [deleteConfirm, setDeleteConfirm] = (0, react.useState)(null);
-	const { state: scrollShadow, setScrollerRef } = useScrollShadow();
+	const { model: scrollShadow, setScrollerRef } = useScrollShadow();
 	const handleSelectRow = (0, react.useCallback)((rowId) => {
 		selection.enterSelectionMode(rowId);
 	}, [selection]);
@@ -12644,9 +12918,10 @@ const TableWidget = (0, mobx_react_lite.observer)(({ rows, columnsModel, cellFSM
 		row,
 		columnsModel,
 		showSelection,
-		showLeftShadow: scrollShadow.showLeftShadow,
-		showRightShadow: scrollShadow.showRightShadow,
+		scrollShadow,
 		onSearchForeignKey,
+		onUploadFile,
+		onOpenFile,
 		onOpenRow,
 		onSelectRow: canSelect ? handleSelectRow : void 0,
 		onDuplicateRow: canDuplicateRow ? onDuplicateRow : void 0,
@@ -12654,9 +12929,10 @@ const TableWidget = (0, mobx_react_lite.observer)(({ rows, columnsModel, cellFSM
 	}), [
 		columnsModel,
 		showSelection,
-		scrollShadow.showLeftShadow,
-		scrollShadow.showRightShadow,
+		scrollShadow,
 		onSearchForeignKey,
+		onUploadFile,
+		onOpenFile,
 		onOpenRow,
 		canSelect,
 		canDeleteRow,
@@ -12671,16 +12947,14 @@ const TableWidget = (0, mobx_react_lite.observer)(({ rows, columnsModel, cellFSM
 		filterModel,
 		onCopyPath,
 		showSelection,
-		showLeftShadow: scrollShadow.showLeftShadow,
-		showRightShadow: scrollShadow.showRightShadow
+		scrollShadow
 	}), [
 		columnsModel,
 		sortModel,
 		filterModel,
 		onCopyPath,
 		showSelection,
-		scrollShadow.showLeftShadow,
-		scrollShadow.showRightShadow
+		scrollShadow
 	]);
 	const virtuosoContext = (0, react.useMemo)(() => ({ rows }), [rows]);
 	const totalColumns = columnsModel.visibleColumns.length + (showSelection ? 4 : 3);
@@ -12934,6 +13208,67 @@ var ViewSettingsBadgeModel = class {
 	}
 };
 
+//#endregion
+//#region src/table-editor/TableEditor/model/SchemaContext.ts
+const SYSTEM_REF_SCHEMAS = {
+	[_revisium_schema_toolkit.SystemSchemaIds.File]: _revisium_schema_toolkit.fileSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowId]: _revisium_schema_toolkit.rowIdSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowCreatedAt]: _revisium_schema_toolkit.rowCreatedAtSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowCreatedId]: _revisium_schema_toolkit.rowCreatedIdSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowVersionId]: _revisium_schema_toolkit.rowVersionIdSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowPublishedAt]: _revisium_schema_toolkit.rowPublishedAtSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowUpdatedAt]: _revisium_schema_toolkit.rowUpdatedAtSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowHash]: _revisium_schema_toolkit.rowHashSchema,
+	[_revisium_schema_toolkit.SystemSchemaIds.RowSchemaHash]: _revisium_schema_toolkit.rowSchemaHashSchema
+};
+function buildRowSchema(dataSchema) {
+	const systemProperties = {};
+	for (const sf of SYSTEM_FIELDS) systemProperties[sf.id] = { $ref: sf.ref };
+	return {
+		type: "object",
+		properties: {
+			...systemProperties,
+			...dataSchema.properties
+		},
+		additionalProperties: false,
+		required: [...Object.keys(systemProperties), ...dataSchema.required ?? []]
+	};
+}
+var SchemaContext = class {
+	_allColumns = [];
+	_dataSchema = null;
+	_fullRefSchemas = {};
+	_rootNode = null;
+	get allColumns() {
+		return this._allColumns;
+	}
+	get sortableFields() {
+		return this._allColumns.filter((col) => !col.isDeprecated && col.fieldType !== FilterFieldType.File);
+	}
+	get filterableFields() {
+		return this.sortableFields;
+	}
+	get dataSchema() {
+		return this._dataSchema;
+	}
+	get fullRefSchemas() {
+		return this._fullRefSchemas;
+	}
+	get rootNode() {
+		return this._rootNode;
+	}
+	init(dataSchema, refSchemas) {
+		this._dataSchema = dataSchema;
+		this._fullRefSchemas = {
+			...SYSTEM_REF_SCHEMAS,
+			...refSchemas
+		};
+		const rowSchema = buildRowSchema(dataSchema);
+		this._rootNode = new _revisium_schema_toolkit.SchemaParser().parse(rowSchema, this._fullRefSchemas);
+		this._allColumns = extractColumns(this._rootNode);
+	}
+};
+
 //#endregion
 //#region src/table-editor/TableEditor/model/TableEditorCore.ts
 const DEFAULT_PAGE_SIZE = 50;
@@ -12951,7 +13286,7 @@ var TableEditorCore = class {
 	_breadcrumbs;
 	_callbacks;
 	_tableId;
-	_schema = null;
+	_schemaContext = new SchemaContext();
 	_readonly = false;
 	_rows = [];
 	_isBootstrapping = true;
@@ -13060,13 +13395,13 @@ var TableEditorCore = class {
 		try {
 			const meta = await this._dataSource.fetchMetadata();
 			(0, mobx.runInAction)(() => {
-				this._schema = meta.schema;
+				this._schemaContext.init(meta.dataSchema, meta.refSchemas);
 				this._readonly = meta.readonly;
 				this.viewBadge.setCanSave(!meta.readonly);
 			});
-			this.columns.init(meta.columns);
-			this.sorts.init(this.columns.sortableFields);
-			this.filters.init(this.columns.filterableFields);
+			this.columns.init(this._schemaContext.allColumns);
+			this.sorts.init(this._schemaContext.sortableFields);
+			this.filters.init(this._schemaContext.filterableFields);
 			if (meta.viewState) this.applyViewState(meta.viewState);
 			this._saveViewSnapshot();
 			await this._loadRows();
@@ -13117,15 +13452,26 @@ var TableEditorCore = class {
 		this._updateNavigationContext();
 	}
 	_createRowVMs(rawRows) {
-		if (!this._schema) return [];
-		return (0, _revisium_schema_toolkit.createTableModel)({
+		const dataSchema = this._schemaContext.dataSchema;
+		if (!dataSchema) return [];
+		const tableModel = (0, _revisium_schema_toolkit.createTableModel)({
 			tableId: this._tableId,
-			schema: this._schema,
+			schema: dataSchema,
 			rows: rawRows.map((r) => ({
 				rowId: r.rowId,
 				data: r.data
-			}))
-		}).rows.map((rowModel) => new RowVM(rowModel, rowModel.rowId, this.cellFSM, this.selection, (rowId, field, value, previousValue) => this._commitCell(rowId, field, value, previousValue)));
+			})),
+			refSchemas: this._schemaContext.fullRefSchemas
+		});
+		const systemValuesMap = /* @__PURE__ */ new Map();
+		for (const raw of rawRows) systemValuesMap.set(raw.rowId, this._buildSystemValues(raw));
+		return tableModel.rows.map((rowModel) => new RowVM(rowModel, rowModel.rowId, this.cellFSM, this.selection, (rowId, field, value, previousValue) => this._commitCell(rowId, field, value, previousValue), systemValuesMap.get(rowModel.rowId)));
+	}
+	_buildSystemValues(rawRow) {
+		return {
+			...rawRow.systemFields,
+			id: rawRow.rowId
+		};
 	}
 	async _commitCell(rowId, field, value, previousValue) {
 		const result = (await this._dataSource.patchCells([{
@@ -13138,6 +13484,7 @@ var TableEditorCore = class {
 			if (row && previousValue !== void 0) {
 				const node = row.rowModel.get(field);
 				if (node?.isPrimitive()) node.setValue(previousValue);
+				else if (node?.isObject()) node.setValue(previousValue, { internal: true });
 			}
 		});
 	}
@@ -13192,37 +13539,39 @@ var TableEditorCore = class {
 //#region src/table-editor/TableEditor/model/MockDataSource.ts
 var MockDataSource = class {
 	_allRows;
-	_schema;
-	_columns;
+	_dataSchema;
 	_viewState;
 	_readonly;
 	_failPatches;
+	_refSchemas;
 	fetchMetadataLog = [];
 	fetchLog = [];
 	patchLog = [];
 	deleteLog = [];
 	saveViewLog = [];
 	constructor(params) {
-		this._schema = params.schema;
-		this._columns = params.columns;
+		this._dataSchema = params.dataSchema;
 		this._allRows = [...params.rows];
 		this._viewState = params.viewState ?? null;
 		this._readonly = params.readonly ?? false;
 		this._failPatches = params.failPatches ?? /* @__PURE__ */ new Set();
+		this._refSchemas = params.refSchemas;
 	}
-	static createRow(rowId, data) {
-		return {
+	static createRow(rowId, data, systemFields) {
+		const row = {
 			rowId,
 			data: { ...data }
 		};
+		if (systemFields) row.systemFields = systemFields;
+		return row;
 	}
 	fetchMetadata() {
 		this.fetchMetadataLog.push(true);
 		return Promise.resolve({
-			schema: this._schema,
-			columns: this._columns,
+			dataSchema: this._dataSchema,
 			viewState: this._viewState,
-			readonly: this._readonly
+			readonly: this._readonly,
+			refSchemas: this._refSchemas
 		});
 	}
 	fetchRows(query) {
@@ -13404,7 +13753,6 @@ const TableEditor = (0, mobx_react_lite.observer)(({ viewModel, useWindowScroll
 		height: "100%",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_chakra_ui_react.Spinner, {})
 	});
-	const columns = viewModel.columns.visibleColumns;
 	const isReadonly = viewModel.readonly;
 	const { breadcrumbs, callbacks } = viewModel;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_chakra_ui_react.Box, {
@@ -13434,11 +13782,11 @@ const TableEditor = (0, mobx_react_lite.observer)(({ viewModel, useWindowScroll
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchWidget, { model: viewModel.search }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterWidget, {
 							model: viewModel.filters,
-							availableFields: columns
+							availableFields: viewModel.columns.filterableFields
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortingsWidget, {
 							model: viewModel.sorts,
-							availableFields: columns,
+							availableFields: viewModel.columns.sortableFields,
 							onChange: noop
 						})
 					]
@@ -13461,6 +13809,8 @@ const TableEditor = (0, mobx_react_lite.observer)(({ viewModel, useWindowScroll
 					onDuplicateRow: isReadonly ? void 0 : callbacks.onDuplicateRow,
 					onDeleteSelected: isReadonly ? void 0 : (ids) => viewModel.deleteRows(ids),
 					onSearchForeignKey: callbacks.onSearchForeignKey,
+					onUploadFile: isReadonly ? void 0 : callbacks.onUploadFile,
+					onOpenFile: callbacks.onOpenFile,
 					onCopyPath: callbacks.onCopyPath,
 					useWindowScroll
 				})
@@ -13528,6 +13878,7 @@ exports.SORT_SCHEMA = SORT_SCHEMA;
 exports.SYSTEM_FIELDS = SYSTEM_FIELDS;
 exports.SYSTEM_FIELD_BY_REF = SYSTEM_FIELD_BY_REF;
 exports.SYSTEM_FIELD_IDS = SYSTEM_FIELD_IDS;
+exports.SchemaContext = SchemaContext;
 exports.SchemaEditorCore = SchemaEditorCore;
 exports.SchemaTypeIds = SchemaTypeIds;
 exports.SearchForeignKey = SearchForeignKey;