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

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,
+})

package/dist/components/VvAccordion/VvAccordion.vue.d.ts

@@ -1,42 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    name: StringConstructor;
-    title: StringConstructor;
-    content: StringConstructor;
-    modelValue: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: BooleanConstructor;
-    not: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: StringConstructor;
-    title: StringConstructor;
-    content: StringConstructor;
-    modelValue: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: BooleanConstructor;
-    not: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    modelValue: boolean;
-    not: boolean;
-}, {}>, {
-    summary?(_: {
-        open: boolean;
-    }): any;
-    default?(_: {
-        open: boolean;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VvAccordionGroup/VvAccordionGroup.vue.d.ts

@@ -1,47 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
-    items: {
-        type: globalThis.PropType<import(".").VvAccordionGroupItem[]>;
-        default: () => never[];
-    };
-    collapse: BooleanConstructor;
-    itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: string;
-    };
-    disabled: BooleanConstructor;
-    not: BooleanConstructor;
-    storeKey: StringConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
-    items: {
-        type: globalThis.PropType<import(".").VvAccordionGroupItem[]>;
-        default: () => never[];
-    };
-    collapse: BooleanConstructor;
-    itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: string;
-    };
-    disabled: BooleanConstructor;
-    not: BooleanConstructor;
-    storeKey: StringConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    collapse: boolean;
-    not: boolean;
-    items: import(".").VvAccordionGroupItem[];
-    itemModifiers: string | string[];
-}, {}>, Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VvAvatar/VvAvatar.vue.d.ts

@@ -1,15 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    imgSrc: StringConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    imgSrc: StringConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VvBadge/index.d.ts

@@ -1,4 +0,0 @@
-export declare const VvBadgeProps: {
-    value: (StringConstructor | NumberConstructor)[];
-    modifiers: globalThis.PropType<string | string[]>;
-};

package/dist/components/VvBreadcrumb/VvBreadcrumb.vue.d.ts

@@ -1,18 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    routes: globalThis.PropType<import(".").Route[]>;
-    modifiers: globalThis.PropType<string | string[]>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    routes: globalThis.PropType<import(".").Route[]>;
-    modifiers: globalThis.PropType<string | string[]>;
-}>>, {}, {}>, {
-    label?(_: {
-        route: import(".").Route;
-        index: number;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VvBreadcrumb/index.d.ts

@@ -1,12 +0,0 @@
-export interface Route {
-    label: string;
-    to?: string | {
-        [key: string]: unknown;
-    };
-    title?: string;
-    href?: string;
-}
-export declare const VvBreadcrumbProps: {
-    routes: globalThis.PropType<Route[]>;
-    modifiers: globalThis.PropType<string | string[]>;
-};

package/dist/components/VvCard/index.d.ts

@@ -1,4 +0,0 @@
-export declare const VvCardProps: {
-    title: StringConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-};

package/dist/components/VvCheckbox/VvCheckbox.vue.d.ts

@@ -1,112 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    indeterminate: BooleanConstructor;
-    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    switch: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
-    loadingLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: (StringConstructor | NumberConstructor)[];
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    hintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
-    tabindex: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
-    id: (StringConstructor | NumberConstructor)[];
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    indeterminate: BooleanConstructor;
-    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    switch: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
-    loadingLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: (StringConstructor | NumberConstructor)[];
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    hintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
-    tabindex: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
-    id: (StringConstructor | NumberConstructor)[];
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    readonly: boolean;
-    disabled: boolean;
-    valid: boolean;
-    invalid: boolean;
-    switch: boolean;
-    tabindex: string | number;
-    loading: boolean;
-    loadingLabel: string;
-    indeterminate: boolean;
-    hintLabel: string;
-}, {}>, {
-    default?(_: {
-        value: any;
-    }): any;
-    hint?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    loading?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    valid?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    invalid?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VvCheckboxGroup/index.d.ts

@@ -1,42 +0,0 @@
-export declare const VvCheckboxGroupProps: {
-    modelValue: (SymbolConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
-    vertical: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: (StringConstructor | NumberConstructor)[];
-    modifiers: globalThis.PropType<string | string[]>;
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    hintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: globalThis.PropType<(string | import("../../types/generic").Option)[]>;
-        default: () => never[];
-    };
-    labelKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    valueKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    disabledKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
-};
-export declare const VvCheckboxGroupEvents: string[];

package/dist/components/VvDropdown/VvDropdownAction.vue.d.ts

@@ -1,73 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modifiers: globalThis.PropType<string | string[]>;
-    type: {
-        type: globalThis.PropType<"button" | "submit" | "reset">;
-        default: import("../../constants").ButtonType;
-        validator: (value: import("../../constants").ButtonType) => boolean;
-    };
-    ariaLabel: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    to: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-    href: StringConstructor;
-    target: {
-        type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
-        validator: (value: import("../../constants").AnchorTarget) => boolean;
-    };
-    rel: {
-        type: StringConstructor;
-        default: string;
-    };
-    current: BooleanConstructor;
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
-    label: (StringConstructor | NumberConstructor)[];
-    disabled: BooleanConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modifiers: globalThis.PropType<string | string[]>;
-    type: {
-        type: globalThis.PropType<"button" | "submit" | "reset">;
-        default: import("../../constants").ButtonType;
-        validator: (value: import("../../constants").ButtonType) => boolean;
-    };
-    ariaLabel: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    to: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-    href: StringConstructor;
-    target: {
-        type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
-        validator: (value: import("../../constants").AnchorTarget) => boolean;
-    };
-    rel: {
-        type: StringConstructor;
-        default: string;
-    };
-    current: BooleanConstructor;
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
-    label: (StringConstructor | NumberConstructor)[];
-    disabled: BooleanConstructor;
-}>>, {
-    disabled: boolean;
-    type: "button" | "submit" | "reset";
-    ariaLabel: string;
-    rel: string;
-    current: boolean;
-    active: boolean;
-    pressed: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VvDropdown/VvDropdownItem.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VvDropdown/VvDropdownOptgroup.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    label: (StringConstructor | NumberConstructor)[];
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: (StringConstructor | NumberConstructor)[];
-}>>, {}, {}>;
-export default _default;