@volverjs/ui-vue 0.0.10-beta.3 → 0.0.10-beta.31

package/src/stories/argTypes.ts

@@ -238,7 +238,7 @@ export const IdNameArgTypes = {
 		},
 		table: {
 			defaultValue: {
-				summary: 'nanoid',
+				summary: 'uid',
 			},
 		},
 	},

package/src/test/expect.ts

@@ -1,5 +1,4 @@
-import { expect } from '@storybook/jest'
-import { userEvent } from '@storybook/testing-library'
+import { userEvent, expect } from '@storybook/test'
 import { axe } from 'jest-axe'
 import { sleep } from '@/test/sleep'
 
@@ -79,8 +78,7 @@ expect.extend({
 		const img = element.getElementsByTagName(imgTag)
 		return {
 			pass: img.length === 1,
-			message: () =>
-				`${imgTag} not exist!`,
+			message: () => `${imgTag} not exist!`,
 		}
 	},
 })

package/src/types/alert.ts

@@ -1,20 +1,24 @@
-export type AlertModifiers =
+import type { VvIconProps } from '@/components/VvIcon'
+import { AlertRole } from '@/constants'
+
+export type AlertModifier =
 	| 'success'
 	| 'info'
 	| 'warning'
 	| 'danger'
 	| 'brand'
 	| 'accent'
+	| string
 
 export type Alert = {
 	id: string | number
-	group: string
 	title?: string
-	icon: string | Record<string, unknown>
+	icon?: string | VvIconProps
 	content?: string
 	footer?: string
-	modifiers: AlertModifiers
-	dismissable: boolean
-	autoClose: number
-	timestamp: number
+	modifiers?: AlertModifier | AlertModifier[]
+	dismissable?: boolean
+	autoClose?: number
+	closeLabel?: string
+	role?: AlertRole
 }

package/src/types/blurhash.ts

@@ -0,0 +1,21 @@
+class ValidationError extends Error {}
+export type BlurhashWorkerType = {
+	encode: (
+		pixels: Uint8ClampedArray,
+		width: number,
+		height: number,
+		componentX: number,
+		componentY: number,
+	) => string
+	decode: (
+		blurhash: string,
+		width: number,
+		height: number,
+		punch?: number,
+	) => Uint8ClampedArray
+	isBlurhashValid: (blurhash: string) => {
+		result: boolean
+		errorReason?: string
+	}
+	ValidationError: ValidationError
+}

package/src/types/generic.ts

@@ -1,6 +1,6 @@
 export type Nullable<T> = T | null | undefined
 
-export type Option = {
-	options?: Option[],
-	[key: string]: unknown,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type Option = Record<string | number | symbol, any> & {
+	options?: Option[]
 }

package/src/types/group.ts

@@ -1,18 +1,11 @@
 import type { Ref } from 'vue'
-
-/**
- * State shared for a group of elements
- */
-export default interface GroupState {
-	// The key of the group
-	[itemKey: string]: Ref<unknown> | unknown | undefined
-	key: string | number | symbol
-}
+import type { Emitter } from 'mitt'
 
 /**
  * State shared in a group of inputs
  */
-export interface InputGroupState extends GroupState {
+export type InputGroupState = {
+	modelValue: Ref<unknown>
 	readonly: Ref<boolean>
 	disabled: Ref<boolean>
 	valid: Ref<boolean>
@@ -22,7 +15,7 @@ export interface InputGroupState extends GroupState {
 /**
  * State shared in a group of buttons
  */
-export interface ButtonGroupState extends GroupState {
+export type ButtonGroupState = {
 	modelValue: Ref<
 		string | number | boolean | (string | number | boolean)[] | undefined
 	>
@@ -36,9 +29,24 @@ export interface ButtonGroupState extends GroupState {
 /**
  * State shared in a group of accordions
  */
-export interface AccordionGroupState extends GroupState {
-	collapse: Ref<boolean>
+export type AccordionGroupBusEvents = {
+	toggle: { name: string; value: boolean }
+	register: { name: string }
+	unregister: { name: string }
+	expand: { name?: string | string[] }
+	collapse: { name?: string | string[] }
+}
+export type AccordionGroupState = {
 	disabled: Ref<boolean>
 	modifiers: Ref<string[] | string | undefined>
-	not: Ref<boolean>
+	bus: Emitter<AccordionGroupBusEvents>
+}
+
+/**
+ * State shared in a group of alerts
+ */
+export type AlertGroupBusEvents = { close: string }
+export type AlertGroupState = {
+	name?: Ref<string | undefined>
+	bus?: Emitter<AlertGroupBusEvents>
 }

package/src/types/index.ts

@@ -0,0 +1,7 @@
+export * from './alert'
+export * from './floating-ui'
+export * from './generic'
+export * from './group'
+export * from './nav'
+export * from './blurhash'
+export * from './input-file'

package/src/types/input-file.ts

@@ -0,0 +1,18 @@
+export type UploadedFile<Source = undefined> = Source extends undefined
+	? {
+			name: string
+			size: number
+			type: string
+			url: string
+			thumbnailUrl?: string
+			lastModified?: number
+		}
+	: {
+			name: string
+			size: number
+			type: string
+			url: string
+			thumbnailUrl?: string
+			lastModified?: number
+			source: Source
+		}

package/src/types/nav.ts

@@ -1,17 +1,16 @@
-import type { AnchorTarget } from '@/constants'
-
 export type NavItem = {
 	label: string
 	ariaLabel?: string
 	title?: string
 	to?: string | Record<string, unknown>
 	href?: string
-	target?: `${AnchorTarget}`
+	target?: string
 	rel?: string
 	disabled?: boolean
 	current?: boolean
 	class?: string | string[]
 	on?: Record<'click' | string, () => void>
+	data?: Record<string, unknown>
 }
 
 export type NavItemTab = NavItem & {

package/src/utils/ObjectUtilities.ts

@@ -275,14 +275,3 @@ export function filterArray<T = Record<string, unknown>>(
 		})
 	})
 }
-
-export function kebabCase(value: string) {
-	if (value) {
-		return value
-			.match(
-				/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g,
-			)
-			?.join('-')
-			?.toLowerCase()
-	}
-}

package/src/workers/blurhash.ts

@@ -0,0 +1,9 @@
+import { expose } from 'comlink'
+import { ValidationError, encode, decode, isBlurhashValid } from 'blurhash'
+
+expose({
+    ValidationError,
+    encode,
+    decode,
+    isBlurhashValid,
+})