@bagelink/vue 1.2.124 → 1.2.128

package/src/components/form/inputs/DatePicker.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { MaybeRefOrGetter } from 'vue'
 import type { ModeType } from '../../../utils/calendar/typings'
 import { Btn, NumberInput } from '@bagelink/vue'
-import { computed, ref } from 'vue'
+import { computed, ref, toValue } from 'vue'
 import Time, { WEEK_START_DAY } from '../../../utils/calendar/time'
 
 const props = withDefaults(
@@ -13,7 +14,7 @@ const props = withDefaults(
 		firstDayOfWeek?: WEEK_START_DAY
 		locale?: string
 		enableTime?: boolean
-		highlightedDates?: (string | Date)[]
+		highlightedDates?: MaybeRefOrGetter<(string | Date)[]>
 	}>(),
 	{
 		mode: () => ({ mode: 'day' }),
@@ -25,6 +26,8 @@ const props = withDefaults(
 
 const emit = defineEmits(['update:modelValue'])
 
+const computedHighlightedDates = $computed(() => toValue(props.highlightedDates))
+
 // State
 const currentMonth = ref(new Date())
 const currentView = ref('days')
@@ -161,12 +164,12 @@ function useCalendarView() {
 	 * @param date The date to check
 	 * @returns True if the date should be highlighted
 	 */
-	const isHighlighted = (date?: Date): boolean => {
-		if (!date || !Array.isArray(props.highlightedDates) || !props.highlightedDates.length) {
+	const isHighlighted = computed(() => (date?: Date): boolean => {
+		if (!date || !Array.isArray(computedHighlightedDates) || !computedHighlightedDates.length) {
 			return false
 		}
 
-		return props.highlightedDates.some((highlightedDate) => {
+		return computedHighlightedDates.some((highlightedDate) => {
 			const parsedDate = parseDate(highlightedDate)
 			if (!parsedDate) return false
 
@@ -175,7 +178,7 @@ function useCalendarView() {
 				&& date.getMonth() === parsedDate.getMonth()
 				&& date.getDate() === parsedDate.getDate()
 		})
-	}
+	})
 
 	return {
 		currentMonthDays,

package/src/components/form/inputs/SelectInput.vue

@@ -205,7 +205,7 @@ onMounted(() => {
 	>
 		<template #trigger>
 			<label>
-				{{ label }} <span v-if="required">*</span>
+				{{ label }} <span v-if="required && label">*</span>
 				<div class="flex gap-05">
 					<TextInput
 						v-if="searchable && open"

package/src/types/BagelForm.ts

@@ -31,6 +31,7 @@ export type BagelFieldOptions<T> = (
 	)[]
 	| ((val: any, rowData?: T) => void)
 )
+// TODO: ^^ replace any with a more specific type (perhaps FieldVal<T, P>)
 
 export type VIfType<T, P extends Path<T>> = (
 	string |
@@ -53,6 +54,7 @@ export type _Path<T> = (
 		>
 	>
 )
+
 export type Path<T> = (
 	FieldVal<T, _Path<T>> extends Array<any> ?
 		LiteralStringUnion<_Path<T>> :

package/src/types/TableSchema.ts

@@ -8,7 +8,7 @@ export interface TableSchemaProps<T extends { [key: string]: any } = { [key: str
 	data: T[]
 	schema?: MaybeRefOrGetter<BglFormSchemaT<T>>
 	columns?: MaybeRefOrGetter<string[]>
-	useServerSort?: MaybeRefOrGetter<boolean>
+	useServerSort?: boolean
 	selectable?: boolean
 	onLastItemVisible?: () => void
 }

package/src/utils/BagelFormUtils.ts

@@ -74,7 +74,7 @@ export function txtField<T, P extends Path<T>>(
 	id: P,
 	label?: string,
 	options?: TextInputOptions<T, P>,
-): BaseBagelField<T, P> | InputBagelField<T, P> {
+): InputBagelField<T, P> {
 	return {
 		$el: 'text',
 		id,
@@ -106,7 +106,7 @@ export function selectField<T, P extends Path<T>>(
 	label?: string,
 	options?: Option[] | (() => Option[]),
 	config?: SlctInputOptions<T, P>,
-): BaseBagelField<T, P> | SelectBagelField<T, P> {
+): SelectBagelField<T, P> {
 	return {
 		$el: 'select',
 		id,