@bagelink/vue 1.0.41 → 1.0.47

package/dist/utils/BagelFormUtils.d.ts

@@ -131,8 +131,9 @@ interface ArrayFieldOptions extends InputOptions {
     delete?: boolean;
     add?: boolean;
 }
+type ArrayType = 'number' | 'text';
 export declare function arrField<T extends {
     [key: string]: any;
-}>(id: DotNotation<T> | string, label: string, schema: BglFormSchemaT, options?: ArrayFieldOptions): Field<T>;
+}>(id: DotNotation<T> | string, label: string, schemaOrType: BglFormSchemaT | ArrayType, options?: ArrayFieldOptions): Field<T>;
 export {};
 //# sourceMappingURL=BagelFormUtils.d.ts.map

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.0.41",
+  "version": "1.0.47",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -56,7 +56,7 @@
     "@types/signature_pad": "^4.0.0",
     "@vue-macros/reactivity-transform": "^1.1.6",
     "vue": "^3.5.13",
-    "vue-component-type-helpers": "^2.2.2"
+    "vue-component-type-helpers": "^2.2.8"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",
@@ -82,10 +82,10 @@
   },
   "dependencies": {
     "date-fns": "^4.1.0",
-    "@vueuse/core": "^12.7.0",
-    "axios": "^1.7.9",
+    "@vueuse/core": "^12.8.1",
+    "axios": "^1.8.1",
     "floating-vue": "^5.2.2",
-    "libphonenumber-js": "1.11.20",
+    "libphonenumber-js": "1.12.4",
     "signature_pad": "^5.0.4"
   },
   "scripts": {

package/src/components/DataTable/DataTable.vue

@@ -41,7 +41,8 @@ const {
 	sortField,
 	sortDirection,
 	toggleSort,
-	cleanTransformedData
+	cleanTransformedData,
+	schemaState
 } = useTableData<T>({ data, schema, columns, useServerSort, onSort: (field, direction) => {
 	emit('orderBy', `${field} ${direction}`.trim() as EmitOrderT)
 } })
@@ -118,14 +119,17 @@ watch(
 	<div
 		class="table-list-wrap h-100"
 		v-bind="containerProps"
-		:class="{ 'loading-table': loading }"
+		:class="{ 'loading-table': loading || schemaState === 'loading' }"
 	>
 		<div
-			v-if="loading"
+			v-if="loading || schemaState === 'loading'"
 			class="loading-table-wrapper z-99 h-100 w-100 absolute inset"
 		>
 			<div class="loading-table-animation absolute oval" />
 		</div>
+		<div v-else-if="schemaState === 'error'" class="flex-center h-300px txt-red">
+			Error loading table schema
+		</div>
 		<div v-else v-bind="wrapperProps">
 			<table class="infinite-wrapper">
 				<thead class="row first-row">

package/src/components/DataTable/useTableData.ts

@@ -1,7 +1,7 @@
 import type { ComputedRef } from 'vue'
 import type { TableDataOptions, SortDirectionsT } from '../../types/TableSchema'
 import { useBglSchema, isDate, keyToLabel } from '@bagelink/vue'
-import { computed, ref } from 'vue'
+import { computed, ref, onMounted, watch } from 'vue'
 
 const NON_DIGIT_REGEX = /[^\d.-]/g
 
@@ -33,6 +33,10 @@ export function useTableData<T extends Record<string, any>>(options: UseTableDat
 	// Sorting state
 	const sortField = ref('')
 	const sortDirection = ref<SortDirectionsT>('ASC')
+	// Schema loading state
+	const schemaState = ref<'loading' | 'loaded' | 'error'>('loading')
+	const resolvedSchema = ref<any[]>([])
+
 	// Helper function to get the value from a possibly computed ref
 	function getValue<V>(value: ComputedRef<V> | V | undefined): V | undefined {
 		if (value === undefined || value === null) {
@@ -52,47 +56,72 @@ export function useTableData<T extends Record<string, any>>(options: UseTableDat
 		}
 	}
 
-	// Create a computed property for the schema that will react to changes in options.columns
-	const computedSchema = computed(() => {
-		// Get the data safely
-		const dataValue = options.data.value || []
+	// Function to resolve schema asynchronously
+	async function resolveSchemaAsync() {
+		try {
+			schemaState.value = 'loading'
 
-		// Get the schema from useBglSchema
-		const schema = useBglSchema<T>({
-			schema: getValue(options.schema),
-			columns: getValue(options.columns),
-			data: dataValue,
-		})
+			// Get the data safely
+			const dataValue = options.data.value || []
 
-		// If we have a valid schema with fields, filter out fields without an ID
-		if (Array.isArray(schema) && schema.length > 0) {
-			return schema.filter(field => field && field.id)
-		}
+			// Get the schema from useBglSchema (now async)
+			const schema = await useBglSchema<T>({
+				schema: getValue(options.schema),
+				columns: getValue(options.columns),
+				data: dataValue,
+			})
 
-		// If no schema is provided or it's empty, generate a default schema from the data
-		if (Array.isArray(dataValue) && dataValue.length > 0) {
-			const firstItem = dataValue[0]
-
-			// Create a schema based on the keys of the first item
-			return Object.keys(firstItem || {})
-				.filter(key => key !== 'id' && !key.startsWith('_')) // Exclude id and internal fields
-				.map(key => ({
-					id: key,
-					label: keyToLabel(key),
-					$el: 'div',
-					transform: (val?: any) => {
-						// Handle date fields
-						const dateFields = ['created_at', 'updated_at']
-						if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val
-						return val
-					}
-				}))
+			// If we have a valid schema with fields, filter out fields without an ID
+			if (Array.isArray(schema) && schema.length > 0) {
+				resolvedSchema.value = schema.filter(field => field && field.id)
+			} else if (Array.isArray(dataValue) && dataValue.length > 0) {
+				// If no schema is provided or it's empty, generate a default schema from the data
+				const firstItem = dataValue[0]
+
+				// Create a schema based on the keys of the first item
+				resolvedSchema.value = Object.keys(firstItem || {})
+					.filter(key => key !== 'id' && !key.startsWith('_')) // Exclude id and internal fields
+					.map(key => ({
+						id: key,
+						label: keyToLabel(key),
+						$el: 'div',
+						transform: (val?: any) => {
+							// Handle date fields
+							const dateFields = ['created_at', 'updated_at']
+							if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val
+							return val
+						}
+					}))
+			} else {
+				// Return an empty array if no data or schema
+				resolvedSchema.value = []
+			}
+
+			schemaState.value = 'loaded'
+		} catch (error) {
+			console.error('Error resolving schema:', error)
+			schemaState.value = 'error'
+			resolvedSchema.value = []
 		}
+	}
 
-		// Return an empty array if no data or schema
-		return []
+	// Watch for changes in schema or columns and resolve schema
+	watch([
+		() => getValue(options.schema),
+		() => getValue(options.columns),
+		() => options.data.value
+	], () => {
+		resolveSchemaAsync()
+	}, { immediate: true })
+
+	// Initialize schema on mount
+	onMounted(() => {
+		resolveSchemaAsync()
 	})
 
+	// Create a computed property for the schema
+	const computedSchema = computed(() => resolvedSchema.value)
+
 	function transform(rowData: T): TransformedData<T> {
 		const transformed = { ...rowData } as TransformedData<T>
 		const schemaFields = computedSchema.value.filter((f: any) => f.id)
@@ -205,6 +234,7 @@ export function useTableData<T extends Record<string, any>>(options: UseTableDat
 		sortField: computed(() => sortField.value),
 		sortDirection: computed(() => sortDirection.value),
 		toggleSort,
-		cleanTransformedData
+		cleanTransformedData,
+		schemaState: computed(() => schemaState.value)
 	}
 }

package/src/components/form/FieldArray.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup generic="T extends Record<string, any>">
+<script lang="ts" setup generic="T">
 import type {
 	AttributeFn,
 	AttributeValue,
@@ -6,10 +6,10 @@ import type {
 	BagelFieldOptions,
 	BglFormSchemaFnT,
 	Field,
+	Icon,
 } from '@bagelink/vue'
 import { BagelForm, Btn, Loading } from '@bagelink/vue'
-import { ref, onMounted } from 'vue'
-import { useSchemaField } from '../../composables/useSchemaField'
+import { ref, onMounted, computed, watch } from 'vue'
 
 const props = withDefaults(
 	defineProps<{
@@ -28,13 +28,15 @@ const props = withDefaults(
 		add?: boolean
 		delete?: boolean
 		transform?: (value: T) => T
-		schema: BglFormSchemaFnT
+		schema?: BglFormSchemaFnT
 		modelValue: T[]
+		type?: 'object' | 'number' | 'text'
 	}>(),
 	{
 		delete: true,
 		add: true,
 		el: 'div',
+		type: 'object',
 	}
 )
 
@@ -46,14 +48,38 @@ const internalData = ref<any[]>(props.modelValue || [])
 const schemaState = ref<'loading' | 'loaded' | 'error'>('loaded')
 const resolvedSchemaData = ref<any[]>([])
 
-// Resolve schema (handles sync, async, function, and direct values)
+// Watch for external changes to modelValue
+watch(() => props.modelValue, (newValue) => {
+	internalData.value = newValue || []
+}, { deep: true })
+
+// Generate schema for primitive types
+const primitiveSchema = computed(() => {
+	if (props.type === 'text') {
+		return [{ id: 'value', type: 'text', label: '' }]
+	} else if (props.type === 'number') {
+		return [{ id: 'value', type: 'number', label: '' }]
+	}
+	return []
+})
+
+// Resolve schema
 async function resolveSchema() {
+	// For primitive types, use the predefined schema
+	if (props.type !== 'object') {
+		resolvedSchemaData.value = primitiveSchema.value
+		schemaState.value = 'loaded'
+		return
+	}
+
+	// For object type without schema
 	if (!props.schema) {
 		resolvedSchemaData.value = []
 		schemaState.value = 'loaded'
 		return
 	}
 
+	// For object type with schema
 	try {
 		schemaState.value = 'loading'
 		const isPromise = (obj: any) => obj && typeof obj.then === 'function'
@@ -76,9 +102,7 @@ async function resolveSchema() {
 }
 
 // Initialize schema on mount
-onMounted(() => {
-	resolveSchema()
-})
+onMounted(resolveSchema)
 
 // Event handlers
 function emitValue() {
@@ -91,7 +115,13 @@ function deleteItem(i: number) {
 }
 
 function addItem() {
-	internalData.value.push({})
+	// Add appropriate default value based on type
+	const defaultValues = {
+		text: '',
+		number: 0,
+		object: {}
+	}
+	internalData.value.push(defaultValues[props.type])
 	emitValue()
 }
 
@@ -100,61 +130,74 @@ function toggleMinimized(index: number) {
 }
 
 function updateItem(index: number, value: any) {
-	internalData.value[index] = value
+	// Handle primitive types by extracting the value property
+	if (props.type === 'text' || props.type === 'number') {
+		internalData.value[index] = props.type === 'number' ? Number(value.value) : value.value
+	} else {
+		internalData.value[index] = value
+	}
 	emitValue()
 }
 
-// // Field rendering
-// const { renderField } = useSchemaField<any>({
-// 	mode: 'form',
-// 	getRowData: () => internalData.value,
-// 	onUpdate: (field, value) => {
-// 		if (!field.id) return
-// 		const index = Number.parseInt(field.id)
-// 		if (Number.isNaN(index)) return
-// 		internalData.value[index] = value
-// 		emitValue()
-// 	}
-// })
+// Computed properties for rendering
+const isPrimitiveType = computed(() => props.type === 'text' || props.type === 'number')
+const canRenderItems = computed(() => isPrimitiveType.value || (props.type === 'object' && resolvedSchemaData.value.length > 0)
+)
+const showMinimizeButton = computed(() => resolvedSchemaData.value.length > 4)
 </script>
 
 <template>
 	<div :class="props.class">
-		<p class="label mb-05">
+		<!-- Label -->
+		<p v-if="label" class="label mb-05">
 			{{ label }}
 		</p>
-		<div v-if="resolvedSchemaData.length > 0" class="ps-025 border-start mb-05">
-			<!-- Loading state -->
-			<div v-if="schemaState === 'loading'" class="flex-center h-300px">
-				<Loading />
+		<div class="ps-025 border-start mb-05">
+			<!-- Loading/Error States -->
+			<div v-if="schemaState !== 'loaded'" class="flex-center h-300px">
+				<Loading v-if="schemaState === 'loading'" />
+				<Icon v-else-if="schemaState === 'error'" icon="error" color="red" />
 			</div>
 
-			<!-- Error state -->
-			<div v-else-if="schemaState === 'error'" class="flex-center h-300px txt-red">
-				Error
+			<!-- No Schema Available -->
+			<div v-else-if="!canRenderItems" class="py-1">
+				<p class="opacity-7">
+					No schema available
+				</p>
 			</div>
 
-			<!-- Render items -->
+			<!-- Items Rendering -->
 			<template v-else>
+				<!-- Array Items -->
 				<div
-					v-for="(item, i) in internalData" :key="i" outline thin
+					v-for="(item, i) in internalData"
+					:key="i"
+					outline
+					thin
 					class="mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden"
 					:class="{ minimized: minimizedItems[i] }"
 				>
+					<!-- Minimized View -->
 					<p v-if="minimizedItems[i]" class="minimizedText txt14 p-025 opacity-7">
 						{{ label }} {{ i + 1 }}
 					</p>
+
+					<!-- Form View -->
 					<BagelForm
 						v-else
-						:model-value="item"
+						:model-value="isPrimitiveType ? { value: item } : item"
 						:schema="resolvedSchemaData"
 						@update:model-value="val => updateItem(i, val)"
 					/>
+
+					<!-- Controls -->
 					<div class="bg-gray-80 -my-05 px-025 pt-065 pb-05 txt-center space-between flex column">
 						<Btn
-							v-if="resolvedSchemaData.length > 4"
+							v-if="showMinimizeButton"
 							class="block rotate-180 txt10 opacity-7 p-025"
-							flat thin icon="keyboard_arrow_down"
+							flat
+							thin
+							icon="keyboard_arrow_down"
 							@click="toggleMinimized(i)"
 						/>
 						<Btn
@@ -167,35 +210,31 @@ function updateItem(index: number, value: any) {
 						/>
 					</div>
 				</div>
+
+				<!-- Add Button -->
 				<Btn v-if="add" thin icon="add" color="gray" class="txt12" @click="addItem">
 					<p>{{ label }}</p>
 				</Btn>
 			</template>
 		</div>
-
-		<template v-else>
-			<div v-for="(_, i) in internalData" :key="i">
-				<p>No schema available</p>
-			</div>
-		</template>
 	</div>
 </template>
 
 <style>
-.minimized{
+.minimized {
 	height: 2.4rem;
 	overflow: hidden;
 }
-.minimizedText{
+.minimizedText {
 	display: none;
 }
-.minimized .minimizedText{
+.minimized .minimizedText {
 	display: block;
 }
-.minimized .rotate-180{
+.minimized .rotate-180 {
 	transform: rotate(0deg);
 }
-.itemBox{
+.itemBox {
 	background: var(--input-bg);
 	grid-template-columns: 1fr auto;
 	display: grid;
@@ -204,7 +243,7 @@ function updateItem(index: number, value: any) {
 	--input-font-size: 14px;
 }
 
-.pt-065{
+.pt-065 {
 	padding-top: 0.65rem;
 }
 
@@ -214,10 +253,10 @@ function updateItem(index: number, value: any) {
 .itemBox .custom-select .input {
 	background: var(--bgl-white) !important;
 }
-.itemBox .code-editor-wrap textarea{
+.itemBox .code-editor-wrap textarea {
 	background: transparent !important;
 }
-.itemBox .bagel-input{
+.itemBox .bagel-input {
 	margin-bottom: 0.15rem !important;
 }
 </style>