@bagelink/vue 1.8.9 → 1.8.14

package/src/types/index.ts

@@ -1,13 +1,14 @@
+import type { IconType, MaterialIcons } from '../components/Icon/types'
+
 export type {
 	ModalComponentProps,
 	ModalComponentProps as ModalFormComponentProps,
 	ModalOptions,
 } from '../plugins/modalTypes'
 
-import type { IconType, MaterialIcons } from '../components/Icon/types'
-
 export type { IconType, MaterialIcons }
 
+export type { AddToCalendarEvent } from '../utils/calendar/types'
 export * from './BagelForm'
 export * from './BtnOptions'
 export type { StorageFile } from './file'
@@ -21,58 +22,58 @@ export type Tab = {
 	icon?: IconType
 } | string
 
-export type ThemeType =
-	| 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'brown' | 'orange' | 'turquoise' | 'gray' | 'black' | 'pink'
-	| 'primary' | 'white'
-	| 'blue-light' | 'green-light' | 'red-light' | 'yellow-light' | 'purple-light' | 'brown-light'
-	| 'orange-light' | 'turquoise-light' | 'pink-light' | 'gray-light' | 'primary-light'
-	| 'blue-tint' | 'red-tint' | 'primary-tint' | 'black-tint' | 'blue-dark'
-	| 'light'
+export type ThemeType
+	= | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'brown' | 'orange' | 'turquoise' | 'gray' | 'black' | 'pink'
+		| 'primary' | 'white'
+		| 'blue-light' | 'green-light' | 'red-light' | 'yellow-light' | 'purple-light' | 'brown-light'
+		| 'orange-light' | 'turquoise-light' | 'pink-light' | 'gray-light' | 'primary-light'
+		| 'blue-tint' | 'red-tint' | 'primary-tint' | 'black-tint' | 'blue-dark'
+		| 'light'
 
 // Extended theme type with all percentage variations
-export type ExtendedThemeType =
+export type ExtendedThemeType
 	// Base colors
-	| 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'brown' | 'orange' | 'turquoise' | 'gray' | 'black' | 'pink'
-	| 'primary' | 'white'
+	= | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'brown' | 'orange' | 'turquoise' | 'gray' | 'black' | 'pink'
+		| 'primary' | 'white'
 	// Legacy light variants
-	| 'blue-light' | 'green-light' | 'red-light' | 'yellow-light' | 'purple-light' | 'brown-light'
-	| 'orange-light' | 'turquoise-light' | 'pink-light' | 'gray-light' | 'primary-light'
+		| 'blue-light' | 'green-light' | 'red-light' | 'yellow-light' | 'purple-light' | 'brown-light'
+		| 'orange-light' | 'turquoise-light' | 'pink-light' | 'gray-light' | 'primary-light'
 	// Legacy tint variants
-	| 'blue-tint' | 'red-tint' | 'primary-tint' | 'black-tint' | 'blue-dark' | 'light'
+		| 'blue-tint' | 'red-tint' | 'primary-tint' | 'black-tint' | 'blue-dark' | 'light'
 	// 10% variants (lightest)
-	| 'blue-10' | 'green-10' | 'red-10' | 'yellow-10' | 'purple-10' | 'brown-10' | 'orange-10' | 'turquoise-10' | 'gray-10' | 'black-10' | 'pink-10'
+		| 'blue-10' | 'green-10' | 'red-10' | 'yellow-10' | 'purple-10' | 'brown-10' | 'orange-10' | 'turquoise-10' | 'gray-10' | 'black-10' | 'pink-10'
 	// 20% variants
-	| 'blue-20' | 'green-20' | 'red-20' | 'yellow-20' | 'purple-20' | 'brown-20' | 'orange-20' | 'turquoise-20' | 'gray-20' | 'black-20' | 'pink-20'
+		| 'blue-20' | 'green-20' | 'red-20' | 'yellow-20' | 'purple-20' | 'brown-20' | 'orange-20' | 'turquoise-20' | 'gray-20' | 'black-20' | 'pink-20'
 	// 30% variants
-	| 'blue-30' | 'green-30' | 'red-30' | 'yellow-30' | 'purple-30' | 'brown-30' | 'orange-30' | 'turquoise-30' | 'gray-30' | 'black-30' | 'pink-30'
+		| 'blue-30' | 'green-30' | 'red-30' | 'yellow-30' | 'purple-30' | 'brown-30' | 'orange-30' | 'turquoise-30' | 'gray-30' | 'black-30' | 'pink-30'
 	// 40% variants
-	| 'blue-40' | 'green-40' | 'red-40' | 'yellow-40' | 'purple-40' | 'brown-40' | 'orange-40' | 'turquoise-40' | 'gray-40' | 'black-40' | 'pink-40'
+		| 'blue-40' | 'green-40' | 'red-40' | 'yellow-40' | 'purple-40' | 'brown-40' | 'orange-40' | 'turquoise-40' | 'gray-40' | 'black-40' | 'pink-40'
 	// 50% variants
-	| 'blue-50' | 'green-50' | 'red-50' | 'yellow-50' | 'purple-50' | 'brown-50' | 'orange-50' | 'turquoise-50' | 'gray-50' | 'black-50' | 'pink-50'
+		| 'blue-50' | 'green-50' | 'red-50' | 'yellow-50' | 'purple-50' | 'brown-50' | 'orange-50' | 'turquoise-50' | 'gray-50' | 'black-50' | 'pink-50'
 	// 60% variants
-	| 'blue-60' | 'green-60' | 'red-60' | 'yellow-60' | 'purple-60' | 'brown-60' | 'orange-60' | 'turquoise-60' | 'gray-60' | 'black-60' | 'pink-60'
+		| 'blue-60' | 'green-60' | 'red-60' | 'yellow-60' | 'purple-60' | 'brown-60' | 'orange-60' | 'turquoise-60' | 'gray-60' | 'black-60' | 'pink-60'
 	// 70% variants
-	| 'blue-70' | 'green-70' | 'red-70' | 'yellow-70' | 'purple-70' | 'brown-70' | 'orange-70' | 'turquoise-70' | 'gray-70' | 'black-70' | 'pink-70'
+		| 'blue-70' | 'green-70' | 'red-70' | 'yellow-70' | 'purple-70' | 'brown-70' | 'orange-70' | 'turquoise-70' | 'gray-70' | 'black-70' | 'pink-70'
 	// 80% variants
-	| 'blue-80' | 'green-80' | 'red-80' | 'yellow-80' | 'purple-80' | 'brown-80' | 'orange-80' | 'turquoise-80' | 'gray-80' | 'black-80' | 'pink-80'
+		| 'blue-80' | 'green-80' | 'red-80' | 'yellow-80' | 'purple-80' | 'brown-80' | 'orange-80' | 'turquoise-80' | 'gray-80' | 'black-80' | 'pink-80'
 	// 90% variants
-	| 'blue-90' | 'green-90' | 'red-90' | 'yellow-90' | 'purple-90' | 'brown-90' | 'orange-90' | 'turquoise-90' | 'gray-90' | 'black-90' | 'pink-90'
+		| 'blue-90' | 'green-90' | 'red-90' | 'yellow-90' | 'purple-90' | 'brown-90' | 'orange-90' | 'turquoise-90' | 'gray-90' | 'black-90' | 'pink-90'
 	// 100% variants (same as base)
-	| 'blue-100' | 'green-100' | 'red-100' | 'yellow-100' | 'purple-100' | 'brown-100' | 'orange-100' | 'turquoise-100' | 'gray-100' | 'black-100' | 'pink-100'
+		| 'blue-100' | 'green-100' | 'red-100' | 'yellow-100' | 'purple-100' | 'brown-100' | 'orange-100' | 'turquoise-100' | 'gray-100' | 'black-100' | 'pink-100'
 	// 110% variants (darker)
-	| 'blue-110' | 'green-110' | 'red-110' | 'yellow-110' | 'purple-110' | 'brown-110' | 'orange-110' | 'turquoise-110' | 'gray-110' | 'black-110' | 'pink-110'
+		| 'blue-110' | 'green-110' | 'red-110' | 'yellow-110' | 'purple-110' | 'brown-110' | 'orange-110' | 'turquoise-110' | 'gray-110' | 'black-110' | 'pink-110'
 	// 120% variants
-	| 'blue-120' | 'green-120' | 'red-120' | 'yellow-120' | 'purple-120' | 'brown-120' | 'orange-120' | 'turquoise-120' | 'gray-120' | 'black-120' | 'pink-120'
+		| 'blue-120' | 'green-120' | 'red-120' | 'yellow-120' | 'purple-120' | 'brown-120' | 'orange-120' | 'turquoise-120' | 'gray-120' | 'black-120' | 'pink-120'
 	// 130% variants (darkest)
-	| 'blue-130' | 'green-130' | 'red-130' | 'yellow-130' | 'purple-130' | 'brown-130' | 'orange-130' | 'turquoise-130' | 'gray-130' | 'black-130' | 'pink-130'
+		| 'blue-130' | 'green-130' | 'red-130' | 'yellow-130' | 'purple-130' | 'brown-130' | 'orange-130' | 'turquoise-130' | 'gray-130' | 'black-130' | 'pink-130'
 	// Status colors
-	| 'Error' | 'Paid' | 'Active'
+		| 'Error' | 'Paid' | 'Active'
 
-export type Option =
-	| string
-	| number
-	| boolean
-	| { [key: string]: any }
-	| { label: string, value: string | number }
+export type Option
+	= | string
+		| number
+		| boolean
+		| { [key: string]: any }
+		| { label: string, value: string | number }
 
 export type IfAny<T, Y, N> = 0 extends (1 & T) ? Y : N

package/src/utils/calendar/types.ts

@@ -25,3 +25,12 @@ export interface EventInterface {
 	}
 	originalEvent?: Omit<EventInterface, 'originalEvent'>
 }
+
+export interface AddToCalendarEvent {
+	title: string
+	description?: string
+	location?: string
+	startTime: Date | string
+	endTime: Date | string
+	url?: string
+}

package/src/utils/index.ts

@@ -204,7 +204,7 @@ export { useForm } from './BagelFormUtils'
 export { useLang } from './lang'
 
 export type { ComparisonOperator, FilterCondition, LogicalOperator, QueryConditions, QueryFilter } from './queryFilter'
-export { anyOf, parseQuery, query, range, search } from './queryFilter'
+export { anyOf, parseQuery, queryFilter, range, search } from './queryFilter'
 export { formatString } from './strings'
 
 const URL_REGEX = /^https?:\/\/|^\/\//

package/src/utils/queryFilter.ts

@@ -32,17 +32,17 @@ type DeepKeyOf<T> = T extends Primitive
 /**
  * SCIM 2.0 comparison operators
  */
-export type ComparisonOperator =
-	| 'eq' // equal
-	| 'ne' // not equal
-	| 'gt' // greater than
-	| 'ge' // greater than or equal
-	| 'lt' // less than
-	| 'le' // less than or equal
-	| 'co' // contains
-	| 'sw' // starts with
-	| 'ew' // ends with
-	| 'pr' // present (has value)
+export type ComparisonOperator
+	= | 'eq' // equal
+		| 'ne' // not equal
+		| 'gt' // greater than
+		| 'ge' // greater than or equal
+		| 'lt' // less than
+		| 'le' // less than or equal
+		| 'co' // contains
+		| 'sw' // starts with
+		| 'ew' // ends with
+		| 'pr' // present (has value)
 
 /**
  * SCIM 2.0 logical operators
@@ -90,7 +90,7 @@ function formatValue(value: Primitive): string {
  * ```
  */
 export function buildQuery<T extends Record<string, any>>(
-	conditions: QueryConditions<T>
+	conditions?: QueryConditions<T>
 ): string {
 	if (!conditions || conditions.length === 0) return ''
 
@@ -298,25 +298,33 @@ export class QueryFilter<T extends Record<string, any>> {
 }
 
 /**
- * Build a query string from conditions
+ * Build a query string from conditions or create a chainable query builder
  *
  * @example
  * ```typescript
  * // From conditions array
- * query<Person>([
+ * queryFilter<Person>([
  *   { field: 'first_name', op: 'eq', value: 'John' },
  *   { field: 'age', op: 'gt', value: 18, connector: 'and' },
- * ])
+ * ]).build()
+ * // → 'first_name eq "John" and age gt 18'
+ *
+ * // Chainable builder
+ * queryFilter<Person>().eq('first_name', 'John').and().gt('age', 18).build()
  * // → 'first_name eq "John" and age gt 18'
  *
- * // Empty returns empty string
- * query([]) // → ''
+ * // Empty returns empty builder
+ * queryFilter() // → QueryFilter instance
  * ```
  */
-export function query<T extends Record<string, any>>(
-	conditions: QueryConditions<T>
-): string {
-	return buildQuery(conditions)
+export function queryFilter<T extends Record<string, any>>(
+	conditions?: QueryConditions<T>
+): QueryFilter<T> {
+	const builder = new QueryFilter<T>()
+	if (conditions && conditions.length > 0) {
+		builder.raw(buildQuery(conditions))
+	}
+	return builder
 }
 
 /**
@@ -401,7 +409,7 @@ function parseValue(valueStr: string): Primitive {
  * ```
  */
 export function parseQuery<T extends Record<string, any> = Record<string, any>>(
-	queryString: string
+	queryString?: string
 ): QueryConditions<T> {
 	if (!queryString || !queryString.trim()) return []