@bagelink/vue 0.0.805 → 0.0.809

package/src/styles/theme.css

@@ -16,7 +16,7 @@
     --bgl-gray-40: rgba(183, 183, 183, 0.4);
     --bgl-accent-color: var(--bgl-primary);
     --bgl-bg: #f4f6fa;
-    --bgl-shadow: #4c577d26;
+    --bgl-shadow: #00000031;
     --border-color: #00000020;
     --placeholder-color: #00000040;
     --label-color: #00000080;

package/src/styles/transitions.css

@@ -56,16 +56,19 @@
     position: absolute;
 }
 
+body:has([class*="slide-fade"])::-webkit-scrollbar {
+    width: 0em !important;
+    height: 0em !important;
+}
+
 .slide-fade-enter-active {
     transition: all 0.15s ease-out;
     overflow: hidden;
-
 }
 
 .slide-fade-leave-active {
     transition: all 0.15s ease-in;
     overflow: hidden;
-
 }
 
 .slide-fade-enter-from {

package/src/types/BagelForm.ts

@@ -1,14 +1,14 @@
 import type { SelectInput, TextInput } from '@bagelink/vue'
 
-export type AttributeValue = string | number | boolean | null | undefined | Record<string, any>
+export type AttributeValue = string | number | boolean | undefined | undefined | { [key: string]: any }
 
-export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => AttributeValue
+export type AttributeFn<T = { [key: string]: any }> = (field: any, row: T) => AttributeValue
 
 export interface Attributes<T = any> {
 	[key: string]: AttributeValue | AttributeFn<T>
 }
 
-export type BagelFieldOptions<T = Record<string, any>> = (
+export type BagelFieldOptions<T = { [key: string]: any }> = (
 	string
 	| (
 		{
@@ -17,14 +17,14 @@ export type BagelFieldOptions<T = Record<string, any>> = (
 		}
 		| string
 		| number
-		| Record<string, any>
+		| { [key: string]: any }
 	)[]
 	| ((val: any, rowData?: T) => void)
 )
 
 type GenericAssertFn<T> = (val: any, row: T) => boolean
 
-export interface BaseBagelField<T = Record<string, any>> {
+export interface BaseBagelField<T = { [key: string]: any }> {
 	'$el'?: any
 	'id'?: string
 	'label'?: string
@@ -54,9 +54,9 @@ export interface SelectBagelField<T> extends BaseBagelField<T> {
 	id: string
 }
 
-export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>
-export type BglFieldT<T = Record<string, any>> = Field<T>
+export type Field<T = { [key: string]: any }> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>
+export type BglFieldT<T = { [key: string]: any }> = Field<T>
 
-export type BglFormSchemaT<T = Record<string, any>> = Field<T>[]
+export type BglFormSchemaT<T = { [key: string]: any }> = Field<T>[]
 
-export type BglFormSchemaFnT<T = Record<string, any>> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T>
+export type BglFormSchemaFnT<T = { [key: string]: any }> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T>

package/src/types/index.ts

@@ -37,7 +37,7 @@ export type ThemeType = |
 export type Option =
 	| string
 	| number
-	| Record<string, any>
+	| { [key: string]: any }
 	| { label: string, value: string | number }
 
 export type IfAny<T, Y, N> = 0 extends (1 & T) ? Y : N

package/src/utils/BagelFormUtils.ts

@@ -183,7 +183,7 @@ export function bglForm(idOrField?: string | Field, ...schema: Field[]) {
 	}
 }
 
-export function telField(id: string, label?: string, options?: Record<string, any>): Field {
+export function telField(id: string, label?: string, options?: { [key: string]: any }): Field {
 	return {
 		$el: markRaw(TelInput),
 		id,

package/src/utils/allCountries.ts

@@ -321,7 +321,7 @@ export interface Country {
 	iso2: CountryCode
 	dialCode: string
 	priority: number
-	areaCodes?: string[] | null
+	areaCodes?: string[] | undefined
 }
 
 export const allCountries: Country[] = countryArray.map(

package/src/utils/index.ts

@@ -27,7 +27,7 @@ export async function copyText(text: string, cb?: (msg: string) => void) {
 }
 
 export function initials(...strArr: string[]) {
-	strArr = strArr.map(str => str.split(/\s/)).flat()
+	strArr = strArr.flatMap(str => str.split(/\s/))
 	return strArr.map(str => str.charAt(0)).join('')
 }
 
@@ -44,7 +44,7 @@ export function classify(fieldVal?: any, row?: any, ...classes: any[]) {
 	}).join(' ')
 }
 
-export function bindAttrs<T = Record<string, any>>(attrs?: Attributes, fieldVal?: any, row?: T) {
+export function bindAttrs<T = { [key: string]: any }>(attrs?: Attributes, fieldVal?: any, row?: T) {
 	if (!attrs) return {}
 	const exclude = ['class']
 	const arr = Object.entries(attrs).filter(([key]) => !exclude.includes(key)).map(([key, value]) => [
@@ -64,9 +64,9 @@ export function iffer(field: any, itemData: any) {
 	return true
 }
 
-export function denullify(itemData?: Record<string, any>, fieldID?: string) {
-	if (!fieldID) return null
-	return itemData ? itemData[fieldID] : null
+export function denullify(itemData?: { [key: string]: any }, fieldID?: string) {
+	if (!fieldID) return
+	return itemData ? itemData[fieldID] : undefined
 }
 
 export const isDate = (dateToTest: any) => !Number.isNaN(Date.parse(dateToTest))
@@ -78,7 +78,7 @@ export { useLang } from './lang'
 export { formatString } from './strings'
 
 export function getFallbackSchema<T>(data?: any[], showFields?: string[]): BglFormSchemaT<T> {
-	const keys = Array.from(new Set((data ?? []).map(Object.keys).flat()))
+	const keys = Array.from(new Set((data ?? []).flatMap(Object.keys)))
 
 	const schema: BglFormSchemaT<T> = keys.map(
 		id => ({
@@ -104,6 +104,6 @@ export function appendScript(src: string): Promise<void> {
 		script.src = src
 		script.onload = () => { resolve() }
 		script.onerror = reject
-		document.head.appendChild(script)
+		document.head.append(script)
 	})
 }

package/src/utils/lang.ts

@@ -12,7 +12,7 @@ const state: State = reactive({
 	lang: 'en',
 })
 
-function $tdb<T extends Record<string, string>>(langEl?: T): string {
+function $tdb<T extends { [key: string]: string }>(langEl?: T): string {
 	if (!langEl) {
 		console.warn('No language element provided for $tdb function')
 		return ''

package/src/utils/strings.ts

@@ -22,8 +22,7 @@ export function formatString(
 			.join('')
 	}
 	if (format === 'snake') {
-		return str
-			.split('')
+		return [...str]
 			.map((letter) => {
 				if (letter === letter.toUpperCase()) {
 					return `_${letter.toLowerCase()}`

package/vite.config.ts

@@ -5,7 +5,7 @@ import ReactivityTransform from '@vue-macros/reactivity-transform/vite'
 import { defineConfig } from 'vite'
 import dts from 'vite-plugin-dts'
 
-const indexDir = resolve(__dirname, 'src')
+const indexDir = resolve(import.meta.dirname, 'src')
 
 export default defineConfig(() => ({
 	plugins: [ReactivityTransform(), vue(), dts({