@bagelink/vue 1.2.124 → 1.2.128

package/dist/utils/BagelFormUtils.d.ts

@@ -37,8 +37,8 @@ interface NumFieldOptions<T, K extends Path<T>> extends InputOptions<T, K> {
 type RichTextOptions<T, P extends Path<T>> = InputOptions<T, P>;
 export declare function getBaseField<T, P extends Path<T>>(id?: P, labelOrRest?: string | Partial<BaseBagelField<T, P>>, rest?: Partial<BaseBagelField<T, P>>): BaseBagelField<T, P>;
 export declare function richText<T, P extends Path<T>>(id: P, label?: string, options?: RichTextOptions<T, P>): BaseBagelField<T, P>;
-export declare function txtField<T, P extends Path<T>>(id: P, label?: string, options?: TextInputOptions<T, P>): BaseBagelField<T, P> | InputBagelField<T, P>;
-export declare function selectField<T, P extends Path<T>>(id: P, label?: string, options?: Option[] | (() => Option[]), config?: SlctInputOptions<T, P>): BaseBagelField<T, P> | SelectBagelField<T, P>;
+export declare function txtField<T, P extends Path<T>>(id: P, label?: string, options?: TextInputOptions<T, P>): InputBagelField<T, P>;
+export declare function selectField<T, P extends Path<T>>(id: P, label?: string, options?: Option[] | (() => Option[]), config?: SlctInputOptions<T, P>): SelectBagelField<T, P>;
 export declare const slctField: typeof selectField;
 interface CheckInputOptions<T, K extends Path<T>> extends InputOptions<T, K> {
     value?: string;

package/dist/utils/BagelFormUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.2.124",
+  "version": "1.2.128",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/DragOver.vue

@@ -5,6 +5,7 @@ const props = defineProps<{
 	multiple?: boolean
 	accept?: string
 	disabled?: boolean
+	browse?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -38,6 +39,25 @@ function handleDragLeave(e: DragEvent) {
 	}
 }
 
+function handleClick(e: MouseEvent) {
+	if (!props.browse || props.disabled) {
+		return
+	}
+	e.preventDefault()
+	e.stopPropagation()
+	const input = document.createElement('input')
+	input.type = 'file'
+	input.multiple = !!props.multiple
+	input.accept = props.accept || '*'
+	input.onchange = (e: Event) => {
+		const { files } = e.target as HTMLInputElement
+		if (files) {
+			emit('addFiles', files)
+		}
+	}
+	input.click()
+}
+
 function handleDrop(e: DragEvent) {
 	if (props.disabled) return
 	e.preventDefault()
@@ -61,6 +81,7 @@ function handleDrop(e: DragEvent) {
 		@dragover="handleDragOver"
 		@dragleave="handleDragLeave"
 		@drop="handleDrop"
+		@click="handleClick"
 	>
 		<slot />
 		<div v-if="isDragging && !disabled" class="drag-overlay">

package/src/components/ImportData.vue

@@ -10,13 +10,13 @@ import {
 	Pill,
 	SelectInput,
 	Spreadsheet,
-	useFileUpload,
 	useExcel,
 	DragOver,
 } from '@bagelink/vue'
 import { computed, reactive, ref, watch, watchEffect } from 'vue'
 
 import { useSchemaField } from '../composables/useSchemaField'
+import { formatString } from '../utils/strings'
 import TextInput from './form/inputs/TextInput.vue'
 
 // Add interface for schema items
@@ -173,28 +173,21 @@ function getUniqueSourceValues(fieldId: string): any[] {
 	const allValues = fileData.value
 		.map(row => row[fieldMapping[fieldId]])
 		.filter(value => value !== undefined && value !== null && value !== '')
-
-	// Create a unique set of values
 	const uniqueValues = [...new Set(allValues)]
 
-	// Filter out values that already have transformations
 	return uniqueValues.filter((value) => {
 		if (!transformations[fieldId] || transformations[fieldId].length === 0) {
 			return true
 		}
-
-		// Return false if this value already has a transformation
 		return !transformations[fieldId].some(t => t.sourceValue == value || t.sourceValue === value.toString()
 		)
 	})
 }
 
-// Computed for available source values
 const availableSourceValues = computed(() => {
 	if (!selectedTransformField.value || !selectedTransformField.value.id) {
 		return []
 	}
-
 	return getUniqueSourceValues(selectedTransformField.value.id)
 })
 
@@ -217,8 +210,7 @@ function findMatchingTargetValue(sourceValue: string, options: Option[]): string
 	const exactMatch = options.find((option) => {
 		const optionObj = typeof option === 'object' && option !== null ? option : { value: String(option), label: String(option) }
 		// Make sure option and label exist and is a string
-		if (!optionObj || typeof optionObj.label !== 'string') return false
-
+		if (!optionObj) return false
 		const optionLabel = `${optionObj.label}`.toLowerCase().trim()
 		return optionLabel === lowerSourceValue
 	})
@@ -283,8 +275,6 @@ function addTransformation(fieldId: string) {
 				targetValue: selectedTargetValue.value
 			})
 		}
-
-		// Reset selection
 		selectedSourceValue.value = ''
 		selectedTargetValue.value = ''
 	}
@@ -400,12 +390,10 @@ function getFieldDescription(field: any): { description: string, isConditional:
 	}
 }
 
-// Replace parseFile function with simplified version
 async function parseFile(file: File) {
 	isLoading.value = true
 
 	try {
-		// Get sheet names using the composable
 		sheetNames.value = await getSheetNames(file)
 		selectedSheet.value = sheetNames.value[0]
 
@@ -420,9 +408,7 @@ async function parseFile(file: File) {
 // Replace loadSheetData function with simplified version
 async function loadSheetData() {
 	if (!file.value || !selectedSheet.value) return
-
 	isLoading.value = true
-
 	try {
 		// Use the readSheetData utility from our composable
 		const { headers, data } = await readSheetData(file.value, selectedSheet.value, hasHeaders.value)
@@ -498,10 +484,22 @@ function resetMapping() {
 	// Try to auto-map fields based on similar names
 	if (fileHeaders.value.length > 0) {
 		schemaFields.value.forEach((field: any) => {
+			// Format variations of field id and label for comparison
+			const fieldIdCamel = formatString(field.id, 'camel')
+			const fieldIdPascal = formatString(field.id, 'pascal')
+			const fieldLabelCamel = formatString(field.label.replace(/\s+/g, '_'), 'camel')
+			const fieldLabelPascal = formatString(field.label.replace(/\s+/g, '_'), 'pascal')
+
 			// Look for exact match
 			const exactMatch = fileHeaders.value.find(
 				header => header.toLowerCase() === field.id.toLowerCase()
 					|| header.toLowerCase() === field.label.toLowerCase()
+					|| header.toLowerCase() === fieldIdCamel.toLowerCase()
+					|| header.toLowerCase() === fieldIdPascal.toLowerCase()
+					|| header.toLowerCase() === fieldLabelCamel.toLowerCase()
+					|| header.toLowerCase() === fieldLabelPascal.toLowerCase()
+					|| formatString(header.replace(/\s+/g, '_'), 'camel').toLowerCase() === fieldIdCamel.toLowerCase()
+					|| formatString(header.replace(/\s+/g, '_'), 'camel').toLowerCase() === fieldLabelCamel.toLowerCase()
 			)
 
 			if (exactMatch && !field.disabled) {
@@ -511,6 +509,10 @@ function resetMapping() {
 				const partialMatch = fileHeaders.value.find(
 					header => header.toLowerCase().includes(field.id.toLowerCase())
 						|| header.toLowerCase().includes(field.label.toLowerCase())
+						|| header.toLowerCase().includes(fieldIdCamel.toLowerCase())
+						|| header.toLowerCase().includes(fieldLabelCamel.toLowerCase())
+						|| field.id.toLowerCase().includes(header.toLowerCase())
+						|| field.label.toLowerCase().includes(header.toLowerCase())
 				)
 
 				if (partialMatch && !field.disabled) {
@@ -547,7 +549,7 @@ function checkMappingComplete() {
 	// If no strictly required fields, we just need at least one mapping or default value
 	if (requiredFields.length === 0) {
 		mappingComplete.value = Object.keys(fieldMapping).some(key => !!fieldMapping[key])
-		|| Object.keys(defaultValues).length > 0
+			|| Object.keys(defaultValues).length > 0
 		return
 	}
 
@@ -870,10 +872,8 @@ function handleSelectChange(event: Event, fieldId: string) {
 	}
 }
 
-const { addFile, browse, fileQueue } = useFileUpload()
-
-async function handleFilesUploaded() {
-	file.value = fileQueue.value[0].file
+async function handleFilesUploaded(files: FileList) {
+	file.value = files[0]
 	if (!file.value) return
 	isLoading.value = true
 
@@ -885,9 +885,6 @@ async function handleFilesUploaded() {
 		isLoading.value = false
 	}
 }
-
-watch(fileQueue.value, handleFilesUploaded)
-
 // Watch for changes in the selected sheet
 watchEffect(() => {
 	if (selectedSheet.value) {
@@ -937,16 +934,19 @@ function openRelatedDialog(field: SchemaItem) {
 }
 
 // Function to process related file
-async function processRelatedFile(fieldId: string, file: File) {
-	if (!file) return
+async function processRelatedFile(fieldId: string, files: File[] | FileList) {
+	if (!files) return
+	const file = files[0]
 
 	relatedFiles[fieldId] = file
 
 	try {
-		// Use the readSheetData utility from our composable
-		const { data } = await readSheetData(file, '', true)
+		// First get sheet names
+		const sheets = await getSheetNames(file)
+		const selectedSheet = sheets.length > 0 ? sheets[0] : ''
 
-		// Store the related file data
+		// Use the first sheet instead of an empty string
+		const { headers, data } = await readSheetData(file, selectedSheet, true)
 		relatedFileData[fieldId] = data
 
 		// Initialize mapping if not exists
@@ -999,7 +999,6 @@ function autoPopulateTransformations(fieldId: string) {
 		// For each unique value, try to find a matching target
 		uniqueValues.forEach((sourceValue) => {
 			const strSourceValue = String(sourceValue)
-
 			const matchedValue = findMatchingTargetValue(strSourceValue, fieldOptions)
 
 			if (matchedValue) {
@@ -1517,8 +1516,8 @@ function getRelatedFieldWithDefaults(parentId: string, field: any) {
 			<DragOver
 				accept=".csv,.xls,.xlsx"
 				class="max-h300px w-500px"
-				@addFiles="addFile"
-				@click="browse(false)"
+				browse
+				@addFiles="handleFilesUploaded"
 			>
 				<Card class="flex flex-column items-center justify-center outline-dashed outline-3 bg-input hover h-100p justify-content-center txt-center">
 					<Icon name="upload" size="5" />
@@ -1596,6 +1595,7 @@ function getRelatedFieldWithDefaults(parentId: string, field: any) {
 								v-model="fieldMapping[field.id]"
 								icon="table_chart"
 								:options="fileHeaders"
+								searchable
 								:required="isFieldRequired(field)"
 								:disabled="field.disabled"
 								@change="handleSelectChange($event, field.id)"
@@ -1729,7 +1729,8 @@ function getRelatedFieldWithDefaults(parentId: string, field: any) {
 				<div v-if="!relatedFiles[selectedRelationField.id]" class="mb-05">
 					<DragOver
 						accept=".csv,.xls,.xlsx"
-						@addFiles="(files) => { if (files[0]) processRelatedFile(selectedRelationField!.id, files[0]) }"
+						browse
+						@addFiles="(files) => processRelatedFile(selectedRelationField!.id, files)"
 					>
 						<Card class="flex flex-column items-center justify-center outline-dashed outline-3 hover bg-input">
 							<Icon name="upload" size="5" />

package/src/components/Loading.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
 type LoadingType = 'ring' | 'ellipsis' | 'bar'
 
-const { type: theme = 'ring', size = 50, thickness, duration = 1.2, color } = defineProps<{
+const { type: theme = 'ring', size = 50, thickness, duration = 1.2, color, progress } = defineProps<{
 	size?: number | string
 	thickness?: number | string
 	duration?: number | string
 	type?: LoadingType
 	color?: string
+	progress?: number
 }>()
 
 // Ensure size and units are correctly formatted
@@ -18,16 +19,23 @@ function standardSize(value: number | string | undefined, unit = 'px') {
 // Computed Values
 const computedSize = $computed(() => standardSize(size))
 const animationDuration = $computed(() => `${duration}s`)
-
-// Border size for ring theme (defaults to 1/8th of the size)
 const computedBorder = $computed(() => {
 	const borderValue = thickness ?? Math.max(Number.parseInt(computedSize) / 9, 2)
 	return standardSize(borderValue)
 })
+
+// SVG progress calculations
+const svgStrokeWidth = $computed(() => {
+	const borderNumeric = Number.parseFloat(computedBorder)
+	const sizeNumeric = Number.parseFloat(computedSize)
+	return Math.round((borderNumeric / sizeNumeric) * 100) * 0.9
+})
+const svgRadius = $computed(() => 50 - (svgStrokeWidth / 2))
+const svgCircumference = $computed(() => Math.PI * 2 * svgRadius)
 </script>
 
 <template>
-	<div class="flex-center">
+	<div class="flex-center" :style="{ '--progress': progress }" :class="{ progress: progress !== undefined }">
 		<!-- Bar Theme -->
 		<div v-if="theme === 'bar'" class="lds-bar" :style="{ animationDuration, color }" />
 
@@ -38,12 +46,24 @@ const computedBorder = $computed(() => {
 
 		<!-- Ring Theme -->
 		<div v-if="theme === 'ring'" class="lds-ring" :style="{ '--size': computedSize, '--thickness': computedBorder }">
+			<template v-if="progress !== undefined">
+				<svg :width="computedSize" :height="computedSize" viewBox="0 0 100 100">
+					<circle
+						cx="50" cy="50" :r="svgRadius" fill="none" :stroke="color || 'currentColor'"
+						:stroke-width="svgStrokeWidth" stroke-opacity="0.2"
+					/>
+					<circle
+						cx="50" cy="50" :r="svgRadius" fill="none" :stroke="color || 'currentColor'"
+						:stroke-width="svgStrokeWidth" stroke-linecap="round"
+						:stroke-dasharray="`${(progress / 100) * svgCircumference} ${svgCircumference}`"
+						transform="rotate(-90 50 50)"
+					/>
+				</svg>
+			</template>
 			<div
-				v-for="n in 4" :key="n"
-				:style="{
+				v-for="n in 4" v-else :key="n" :style="{
 					color,
-					'width':
-						computedSize,
+					'width': computedSize,
 					'height': computedSize,
 					'borderWidth': computedBorder,
 					'--animation-duration': animationDuration,
@@ -58,7 +78,7 @@ const computedBorder = $computed(() => {
 <style scoped>
 /* Bar Theme */
 .lds-bar {
-  height: 4px;
+  height: var(--thickness);
   width: 100%;
   max-width: 130px;
   --c: no-repeat linear-gradient(currentColor 0 0);
@@ -67,14 +87,21 @@ const computedBorder = $computed(() => {
   animation: bar-animation 3s infinite ease-in-out;
 }
 
+.progress .lds-bar {
+  background-size: calc(var(--progress) * 1%) 100%;
+  transition: background-size 0.2s ease;
+  background-position: 0 0;
+  animation: none;
+}
+
 @keyframes bar-animation {
   0% { background-position: -150% 0, -150% 0 }
   66% { background-position: 250% 0, -150% 0 }
   100% { background-position: 250% 0, 250% 0 }
 }
 
-.lds-ring,
-.lds-ring div {
+/* Ring Theme */
+.lds-ring, .lds-ring div {
   box-sizing: border-box;
 }
 .lds-ring {
@@ -84,8 +111,12 @@ const computedBorder = $computed(() => {
   transform: translate(calc(var(--thickness) * -1), calc(var(--thickness) * -1));
   direction: ltr;
 }
+.progress .lds-ring svg {
+  position: absolute;
+  top: var(--thickness);
+  left: var(--thickness);
+}
 .lds-ring div {
-  box-sizing: border-box;
   display: block;
   position: absolute;
   width: calc(var(--size) / 1.25);
@@ -96,28 +127,17 @@ const computedBorder = $computed(() => {
   animation: lds-ring var(--animation-duration) cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: currentColor transparent transparent transparent;
 }
-
-.lds-ring div:nth-child(1) {
-  animation-delay: calc(var(--animation-duration) * -0.38);
-}
-.lds-ring div:nth-child(2) {
-  animation-delay: calc(var(--animation-duration) / -4);
-}
-.lds-ring div:nth-child(3) {
-  animation-delay: calc(var(--animation-duration) / -8);
-}
+.lds-ring div:nth-child(1) { animation-delay: calc(var(--animation-duration) * -0.38); }
+.lds-ring div:nth-child(2) { animation-delay: calc(var(--animation-duration) / -4); }
+.lds-ring div:nth-child(3) { animation-delay: calc(var(--animation-duration) / -8); }
 
 @keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
 }
 
-.lds-ellipsis,
-.lds-ellipsis div {
+/* Ellipsis Theme */
+.lds-ellipsis, .lds-ellipsis div {
   box-sizing: border-box;
 }
 .lds-ellipsis {
@@ -128,9 +148,9 @@ const computedBorder = $computed(() => {
 }
 .lds-ellipsis div {
   position: absolute;
-  top: calc(var(--size) - 40%);
+  top: calc(var(--size) / 2 - calc(var(--size) / 10));
   width: calc(var(--size) / 5);
-  height:calc(var(--size) / 5);
+  height: calc(var(--size) / 5);
   border-radius: 50%;
   background: currentColor;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
@@ -152,27 +172,15 @@ const computedBorder = $computed(() => {
   animation: lds-ellipsis3 0.6s infinite;
 }
 @keyframes lds-ellipsis1 {
-  0% {
-    transform: scale(0);
-  }
-  100% {
-    transform: scale(1);
-  }
+  0% { transform: scale(0); }
+  100% { transform: scale(1); }
 }
 @keyframes lds-ellipsis3 {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0);
-  }
+  0% { transform: scale(1); }
+  100% { transform: scale(0); }
 }
 @keyframes lds-ellipsis2 {
-  0% {
-    transform: translate(0, 0);
-  }
-  100% {
-    transform: translate(calc(var(--size) / 3.33), 0);
-  }
+  0% { transform: translate(0, 0); }
+  100% { transform: translate(calc(var(--size) / 3.33), 0); }
 }
 </style>

package/src/components/Modal.vue

@@ -15,7 +15,7 @@ import {
 } from 'vue'
 import '../styles/modal.css'
 
-const props = defineProps<{
+interface ModalProps {
 	thin?: boolean
 	side?: boolean
 	title?: string
@@ -23,7 +23,13 @@ const props = defineProps<{
 	dismissable?: boolean
 	actions?: BtnOptions[]
 	visible?: boolean
-}>()
+}
+const props = withDefaults(defineProps<ModalProps>(), {
+	thin: false,
+	side: false,
+	dismissable: true,
+	visible: false,
+})
 
 const emit = defineEmits(['update:visible'])
 
@@ -79,6 +85,7 @@ onUnmounted(() => {
 			<header v-if="slots.toolbar || title" class="tool-bar">
 				<slot name="toolbar" />
 				<Btn
+					v-if="dismissable"
 					:style="{ float: side ? 'left' : 'right' }"
 					flat
 					icon="close"
@@ -90,6 +97,7 @@ onUnmounted(() => {
 
 			<div v-else class="sticky z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title">
 				<Btn
+					v-if="dismissable"
 					class="position-start"
 					icon="close"
 					thin
@@ -126,8 +134,6 @@ onUnmounted(() => {
 	margin-top: 0.5rem;
 	margin-bottom: 0 !important;
 	width: 100%;
-	-webkit-padding-end: 40px;
-	padding-inline-end: 40px;
 	line-height: 2;
 	display: -webkit-box;
 	max-width: 100%;

package/src/components/dataTable/DataTable.vue

@@ -7,7 +7,7 @@ import {
 	keyToLabel,
 	getNestedValue
 } from '@bagelink/vue'
-import { useSlots, watch, computed } from 'vue'
+import { useSlots, watch, computed, toValue } from 'vue'
 import { useSchemaField } from '../../composables/useSchemaField'
 import { useTableData } from './useTableData'
 import { useTableSelection } from './useTableSelection'
@@ -30,12 +30,6 @@ const loading = defineModel('loading', { default: false })
 const itemHeight = defineModel('itemHeight', { default: 50 })
 const selectedItems = defineModel<string[]>('selectedItems', { default: [] as string[] })
 
-// Create computed properties to wrap the props
-const data = computed(() => props.data)
-const schema = computed(() => props.schema as any)
-const columns = computed(() => props.columns as any)
-const useServerSort = computed(() => props.useServerSort as any)
-
 const {
 	computedSchema,
 	computedData,
@@ -44,10 +38,10 @@ const {
 	toggleSort,
 	cleanTransformedData
 } = useTableData<T>({
-	data,
-	schema,
-	columns,
-	useServerSort,
+	data: computed(() => props.data),
+	schema: computed(() => toValue(props.schema)),
+	columns: computed(() => toValue(props.columns)),
+	useServerSort: computed(() => toValue(props.useServerSort)),
 	onSort: (field, direction) => {
 		emit('orderBy', `${field.trim()} ${direction.trim()}` as EmitOrderT)
 	}

package/src/components/dataTable/useTableData.ts

@@ -1,5 +1,5 @@
 import type { BglFormSchemaT } from '@bagelink/vue'
-import type { ComputedRef, MaybeRefOrGetter } from 'vue'
+import type { MaybeRefOrGetter } from 'vue'
 import type { SortDirectionsT } from '../../types/TableSchema'
 import { useBglSchema, isDate, keyToLabel } from '@bagelink/vue'
 import { computed, ref, watch, toValue } from 'vue'
@@ -14,10 +14,10 @@ const SRC_VALUE_COMPONENTS = new Set(['img', 'iframe'])
 
 // Extend the base options interface to include computed refs
 export interface UseTableDataOptions<T> {
-	data: ComputedRef<T[]>
-	schema?: MaybeRefOrGetter<BglFormSchemaT<T>>
-	columns?: MaybeRefOrGetter<string[]>
-	useServerSort?: MaybeRefOrGetter<boolean>
+	data: MaybeRefOrGetter<T[]>
+	schema?: MaybeRefOrGetter<BglFormSchemaT<T> | undefined>
+	columns?: MaybeRefOrGetter<string[] | undefined>
+	useServerSort?: MaybeRefOrGetter<boolean | undefined>
 	onSort?: (field: string, direction: SortDirectionsT) => void
 }
 
@@ -44,7 +44,7 @@ export function useTableData<T extends { [key: string]: any }>(options: UseTable
 			schemaState.value = 'loading'
 
 			// Get the data safely
-			const dataValue = options.data.value || []
+			const dataValue = toValue(options.data) || []
 
 			// Get the schema from useBglSchema
 			const schema = useBglSchema<T>({
@@ -100,6 +100,9 @@ export function useTableData<T extends { [key: string]: any }>(options: UseTable
 	const computedSchema = computed(() => resolvedSchema.value)
 
 	function transform(rowData: T): TransformedData<T> {
+		// TODO: only use type casting in the return statement
+		// TODO: replace assignments with Object.assign(transformed, {[key]: value})
+
 		const transformed = { ...rowData } as TransformedData<T>
 		const schemaFields = computedSchema.value.filter((f: any) => f.id)
 
@@ -150,16 +153,14 @@ export function useTableData<T extends { [key: string]: any }>(options: UseTable
 
 	const computedData = computed(() => {
 		// Get the data safely
-		const currentData = options.data.value || []
+		const currentData = toValue(options.data) || []
 
 		// If there's no data, return an empty array
 		if (!Array.isArray(currentData) || currentData.length === 0) {
 			return []
 		}
 
-		const useServerSortValue = $computed(() => toValue(options.useServerSort))
-
-		if (!sortField.value || useServerSortValue === true) {
+		if (!sortField.value || toValue(options.useServerSort) === true) {
 			return currentData.map(transform)
 		}