@bagelink/vue 1.14.13 → 1.15.0

package/src/styles/transitions.css

@@ -1,6 +1,6 @@
 :root {
-    --transition-ease-in: cubic-bezier(0.1, 0.5, 0.33, 1);
-    --transition-ease-out: cubic-bezier(1, 0.33, 0.5, 0.1);
+    --bgl-transition-ease-in: cubic-bezier(0.1, 0.5, 0.33, 1);
+    --bgl-transition-ease-out: cubic-bezier(1, 0.33, 0.5, 0.1);
 }
 
 .transition,
@@ -27,11 +27,11 @@
 }
 
 .scale-enter-active {
-    transition: all 0.2s var(--transition-ease-in);
+    transition: all 0.2s var(--bgl-transition-ease-in);
 }
 
 .scale-leave-active {
-    transition: all 0.2s var(--transition-ease-out);
+    transition: all 0.2s var(--bgl-transition-ease-out);
 }
 
 .scale-enter-from,

package/src/types/BagelForm.ts

@@ -1,83 +1,30 @@
-// Local type definitions for internal use only
-import type { Paths, Get, IterableElement, OmitIndexSignature } from 'type-fest'
+/**
+ * Schema field types used by DataTable, DataPreview, useSchemaField and elementUtils.
+ * (The BagelForm form-rendering system was removed — use FormFlow with defineSchema.)
+ */
+import type { Paths, Get, OmitIndexSignature } from 'type-fest'
 import type { ToString } from 'type-fest/source/internal'
 import type { LiteralStringUnion } from 'type-fest/source/literal-union'
 import type { PathsOptions, DefaultPathsOptions } from 'type-fest/source/paths'
 import type { VNode } from 'vue'
 
-type ArrayAttrs = any
-interface Option { label: string, value: any }
-
 // BagelInputShellProps is exported from components/form/inputs/bagelInputShell.ts
 // Do not re-export here to avoid duplicate export in src/index.ts
 import type { BagelInputShellProps } from '../components/form/inputs/bagelInputShell'
 
-export type AttributeValue
-	= | string
-		| number
-		| boolean
-		| undefined
-		| { [key: string]: any }
-
-export type AttributeFn<T, P extends Path<T>> = (
-	field: SmartFieldVal<T, P>,
-	row?: T
-) => AttributeValue
-
-export interface Attributes<T, P extends Path<T>> {
-	[key: string]: AttributeValue | AttributeFn<T, P>
-}
-
-export type BagelFieldOptions<T, P extends Path<T>>
-	= | string
-		| (
-			| {
-				label?: string
-				value: string | number
-			}
-			| string
-			| number
-			| boolean
-			| { [key: string]: any }
-		)[]
-		| ((val?: SmartFieldVal<T, P>, rowData?: T) => Option[] | ((query: string) => Promise<Option[]>))
-		| ((query: string, val?: SmartFieldVal<T, P>, rowData?: T) => Promise<Option[]>)
-
-export type VIfType<T, P extends Path<T>>
-	= | string
-		| boolean
-		| ((val?: SmartFieldVal<T, P>, rowData?: T) => boolean)
-
-export type ValidationFn<T, P extends Path<T>> = (
-	val?: SmartFieldVal<T, P>,
-	rowData?: T
-) => string | undefined
+interface Option { label: string, value: any }
 
-export interface ShallowPathsOptions extends PathsOptions {
-	maxRecursionDepth: 0
-}
+// ---------- Path resolution ----------
 
 export type _Path<
 	T,
 	PO extends PathsOptions = DefaultPathsOptions,
 > = ToString<Paths<OmitIndexSignature<T>, PO>>
 
-// Utility type for open-ended object paths
-export type OpenEndedPath<T>
-	= keyof T extends infer K
-		? K extends keyof T
-			? T[K] extends { [key: string]: any }
-				? `${K & string}.${string}`
-				: never
-			: never
-		: never
-
 // Helper type to get paths for index signature properties
 type IndexSignaturePaths<T> = {
 	[K in keyof T]: T[K] extends { [key: string]: any }
-		? T[K] extends { [key: string]: infer V }
-			? `${K & string}.${string}`
-			: never
+		? `${K & string}.${string}`
 		: never
 }[keyof T]
 
@@ -87,7 +34,11 @@ export type Path<T, PO extends PathsOptions = DefaultPathsOptions>
 		? LiteralStringUnion<_Path<T, PO>>
 		: _Path<T, PO> | IndexSignaturePaths<T> | `${keyof T & string}.more_info.${string}`
 
-// Smart field value type that preserves type information when possible
+/** The value type at path P in object T. Falls back to unknown if resolution fails. */
+export type FieldVal<T, P extends Path<T>>
+	= unknown extends Get<T, P> ? unknown : Get<T, P>
+
+/** Field value type that preserves type information when possible. */
 export type SmartFieldVal<T, P extends Path<T>>
 	= P extends string
 		? P extends keyof T
@@ -95,8 +46,25 @@ export type SmartFieldVal<T, P extends Path<T>>
 			: any
 		: FieldVal<T, P>
 
-// Smart bagel field options that preserve type information
-export type SmartBagelFieldOptions<T, P extends Path<T>>
+// ---------- Field callbacks & attributes ----------
+
+export type AttributeValue
+	= | string
+		| number
+		| boolean
+		| undefined
+		| { [key: string]: any }
+
+export type AttributeFn<T, P extends Path<T>> = (
+	field: SmartFieldVal<T, P>,
+	row?: T
+) => AttributeValue
+
+export interface Attributes<T, P extends Path<T>> {
+	[key: string]: AttributeValue | AttributeFn<T, P>
+}
+
+export type FieldOptions<T, P extends Path<T>>
 	= | string
 		| (
 			| {
@@ -111,43 +79,27 @@ export type SmartBagelFieldOptions<T, P extends Path<T>>
 		| ((val?: SmartFieldVal<T, P>, rowData?: T) => Option[] | ((query: string) => Promise<Option[]>))
 		| ((query: string, val?: SmartFieldVal<T, P>, rowData?: T) => Promise<Option[]>)
 
-// Smart VIf type that preserves type information
-export type SmartVIfType<T, P extends Path<T>>
+export type VIfType<T, P extends Path<T>>
 	= | string
 		| boolean
 		| ((val?: SmartFieldVal<T, P>, rowData?: T) => boolean)
 
-// Smart validation function that preserves type information
-export type SmartValidationFn<T, P extends Path<T>> = (
+export type ValidationFn<T, P extends Path<T>> = (
 	val?: SmartFieldVal<T, P>,
 	rowData?: T
 ) => string | undefined
 
-// Smart attribute function that preserves type information
-export type SmartAttributeFn<T, P extends Path<T>> = (
-	field: SmartFieldVal<T, P>,
-	row?: T
-) => AttributeValue
-
-// Smart transform function that preserves type information
-export type SmartTransformFn<T, P extends Path<T>> = (
+export type TransformFn<T, P extends Path<T>> = (
 	val?: SmartFieldVal<T, P>,
 	rowData?: T
 ) => any
 
-// Smart update function that preserves type information
-export type SmartUpdateFn<T, P extends Path<T>> = (
+export type UpdateFn<T, P extends Path<T>> = (
 	val?: SmartFieldVal<T, P>,
 	rowData?: T
 ) => unknown
 
-/** The value type at path P in object T. */
-// Fall back to unknown if type resolution fails
-export type FieldVal<T, P extends Path<T>>
-	= unknown extends Get<T, P> ? unknown : Get<T, P>
-
-/** If path P in T is an array, this gives the array's element type. */
-export type ArrayFieldVal<T, P extends Path<T>> = IterableElement<Get<T, P>>
+// ---------- Schema fields ----------
 
 export type VNodeFn<T, P extends Path<T>> = (props: {
 	row?: T
@@ -189,50 +141,26 @@ export interface BaseBagelField<
 	'id'?: P
 	'label'?: string
 	'placeholder'?: string
-	'class'?: AttributeValue | SmartAttributeFn<T, P>
+	'class'?: AttributeValue | AttributeFn<T, P>
 	'attrs'?: Attributes<T, P>
 	'required'?: boolean
 	'disabled'?: boolean
 	'helptext'?: string
-	'options'?: SmartBagelFieldOptions<T, P>
+	'options'?: FieldOptions<T, P>
 	'children'?: SchemaChild<T, Path<T, PO>, PO>[]
 	'slots'?: { [key: string]: SchemaChild<T, Path<T, PO>, PO>[] }
 	'defaultValue'?: any
-	'vIf'?: SmartVIfType<T, P>
-	'v-if'?: SmartVIfType<T, P>
-	'transform'?: SmartTransformFn<T, P>
-	'onUpdate'?: SmartUpdateFn<T, P>
-	'validate'?: SmartValidationFn<T, P>
+	'vIf'?: VIfType<T, P>
+	'v-if'?: VIfType<T, P>
+	'transform'?: TransformFn<T, P>
+	'onUpdate'?: UpdateFn<T, P>
+	'validate'?: ValidationFn<T, P>
 }
 
-export type _MappedBaseBagelField<
-	T,
-	PO extends PathsOptions = DefaultPathsOptions,
-> = {
-	[P in Path<T, PO>]: BaseBagelField<T, P, PO>
-}
-
-export type MappedBaseBagelFieldP<
-	T,
-	P extends Path<T, PO>,
-	PO extends PathsOptions = DefaultPathsOptions,
-> = _MappedBaseBagelField<T, PO>[P]
-
-export type FieldByP<
-	T,
-	P extends Path<T, PO>,
-	PO extends PathsOptions = DefaultPathsOptions,
-> = MappedBaseBagelFieldP<T, P, PO>
-
 export type Field<
 	T,
 	PO extends PathsOptions = DefaultPathsOptions,
-> = MappedBaseBagelFieldP<T, Path<T, PO>, PO>
-
-export type BglFieldT<
-	T,
-	PO extends PathsOptions = DefaultPathsOptions,
-> = Field<T, PO>
+> = ValidBaseBagelField<T, PO>
 
 export type SchemaField<
 	T,
@@ -244,40 +172,7 @@ export type BglFormSchemaT<
 	PO extends PathsOptions = DefaultPathsOptions,
 > = (SchemaField<T, PO> | BaseBagelField<T, Path<T, PO>, PO>)[]
 
-export type ShallowBglFormSchemaT<
-	T,
-	PO extends PathsOptions = ShallowPathsOptions,
-> = (SchemaField<T, PO> | BaseBagelField<T, Path<T, PO>, PO>)[]
-
-export interface InputBagelField<
-	T,
-	P extends Path<T, PO>,
-	PO extends PathsOptions = DefaultPathsOptions
->
-	extends BaseBagelField<T, P, PO> {
-	$el: 'text' | any
-	type?: string
-}
-
-export interface SelectBagelField<
-	T,
-	P extends Path<T, PO>,
-	PO extends PathsOptions = DefaultPathsOptions,
->
-	extends BaseBagelField<T, P, PO> {
-	$el: 'select' | any
-	type?: string
-}
-
-export interface ArrayBagelField<
-	T,
-	P extends Path<T, PO>,
-	PO extends PathsOptions = DefaultPathsOptions,
->
-	extends BaseBagelField<T, P, PO> {
-	$el: 'array' | any
-	attrs?: ArrayAttrs
-}
+// ---------- Input component contracts ----------
 
 export interface ValidateInputBaseT {
 	validate?: ValidationFn<{ [key: string]: unknown }, string>

package/src/types/BtnOptions.ts

@@ -3,18 +3,20 @@ import type { IconType, ThemeType } from '.'
 export interface BtnOptions {
 	onClick?: () => void
 	color?: ThemeType
-	theme?: ThemeType
 	disabled?: boolean
 	icon?: IconType
+	variant?: 'solid' | 'flat' | 'outline'
 	flat?: boolean
+	outline?: boolean
+	/** @deprecated Use `outline` */
+	border?: boolean
 	thin?: boolean
 	type?: 'button' | 'submit' | 'reset'
 	loading?: boolean
 	role?: string
 	value?: string
-	border?: boolean
 }
 
 export type UnitSize = 'px' | 'rem' | 'vh' | 'vw'
-export type SizeType = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge'
+export type SizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 export type SizeUnit = `${number}` | number | `${number}${UnitSize}`

package/src/types/TableSchema.ts

@@ -10,6 +10,7 @@ export interface TableSchemaProps<T extends { [key: string]: any } = { [key: str
 	columns?: MaybeRefOrGetter<string[]>
 	useServerSort?: boolean
 	selectable?: boolean
+	sortable?: boolean | { handle?: string }
 	onLastItemVisible?: () => void
 }
 

package/src/types/index.ts

@@ -4,11 +4,6 @@ export type { AvailabilitySlot, CalendarEvent, CalendarProps, CalendarView, Cale
 
 export type { IconType, MaterialIcons }
 
-export type {
-	ModalComponentProps,
-	ModalComponentProps as ModalFormComponentProps,
-	ModalOptions,
-} from '../plugins/modalTypes'
 export type { AddToCalendarEvent } from '../utils/calendar/types'
 export * from './BagelForm'
 export * from './BtnOptions'

package/src/utils/calendar/dateUtils.ts

@@ -1,9 +1,8 @@
 import type { TimeUnit } from '../../types/timeAgoT'
-import { timeDelta, formatDate, fmtDate, handleTimezone, getDatePartsMap, utc, local } from '@bagelink/utils'
 import { getI18n } from '../../i18n'
 
-export { fmtDate, formatDate, getDatePartsMap, handleTimezone, timeDelta, utc, local }
-export type { DateTimeAcceptedFormats, FormatDateOptions } from '@bagelink/utils'
+export { fmtDate, formatDate, getDatePartsMap, handleTimezone, timeDelta, utc, local } from '../date'
+export type { DateTimeAcceptedFormats, FormatDateOptions } from '../date'
 
 type TimeAgoLang = 'en' | 'es' | 'fr' | 'he' | 'it' | 'ru'
 

package/src/utils/constants.ts

@@ -1,3 +1,10 @@
+/**
+ * The single mobile breakpoint, matching the CSS media query
+ * `@media (max-width: 910px)` used by all `m_*` utilities.
+ * A viewport is "mobile" when `window.innerWidth <= MOBILE_BREAKPOINT`.
+ */
+export const MOBILE_BREAKPOINT = 910
+
 export const IMAGE_FORMATS = ['jpeg', 'png', 'webp', 'avif', 'apng', 'gif', 'avifs', 'svg', 'bmp', 'jpg', 'heic', 'heif', 'ico', 'cur', 'tif', 'tiff']
 export const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join('|')})$`, 'i')
 export const VIDEO_FORMATS = ['mp4', 'webm', 'ogg', 'mov', 'avi', 'flv', 'wmv', 'mkv', 'ts', 'm3u8']