@volverjs/ui-vue 0.0.10-beta.5 → 0.0.10-beta.7

package/src/components/VvCombobox/VvCombobox.vue

@@ -87,9 +87,13 @@
 		searchText,
 		computed(() => Number(props.debounceSearch)),
 	)
-	watch(debouncedSearchText, () =>
-		emit('change:search', debouncedSearchText.value),
-	)
+	watch(debouncedSearchText, () => {
+		emit('update:search', debouncedSearchText.value)
+		/**
+		 * @deprecated change:search should not be used, use update:search instead
+		 */
+		emit('change:search', debouncedSearchText.value)
+	})
 
 	// expanded
 	const expanded = ref(false)
@@ -173,7 +177,7 @@
 			valid: valid.value,
 			invalid: invalid.value,
 			dirty: isDirty.value,
-			focus: focused.value,
+			focus: focused.value || focusedWithin.value || expanded.value,
 			floating: floating.value,
 			badges: props.badges,
 		})),

package/src/components/VvCombobox/index.ts

@@ -20,6 +20,10 @@ import type { Option } from '../../types/generic'
 
 export const VvComboboxEvents = [
 	'update:modelValue',
+	'update:search',
+	/**
+	 * @deprecated change:search should not be used, use update:search instead
+	 */
 	'change:search',
 	'focus',
 	'blur',

package/src/components/VvTextarea/VvTextarea.vue

@@ -117,7 +117,7 @@
 			'icon-after': hasIconAfter.value,
 			floating: props.floating && !isEmpty(props.label),
 			dirty: isDirty.value,
-			focused: focused.value,
+			focus: focused.value,
 			resizable: props.resizable,
 		})),
 	)

package/src/stories/Combobox/Combobox.settings.ts

@@ -392,4 +392,12 @@ export const argTypes = {
 			},
 		},
 	},
+	'update:search': {
+		table: {
+			category: 'Events',
+			type: {
+				summary: 'string',
+			},
+		},
+	},
 }

package/src/stories/Tab/Tab.settings.ts

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/vue3'
+import type { ArgTypes, Meta } from '@storybook/vue3'
 import type { VvTab } from '@/components'
 import { VvTabProps } from '@/components/VvTab'
 
@@ -25,7 +25,7 @@ export const defaultArgs: Meta<typeof VvTab>['args'] = {
 	],
 }
 
-export const defaultArgTypes = {
+export const defaultArgTypes: ArgTypes = {
 	tabId: {
 		description: 'Slot by tab-id',
 		control: {

package/src/types/generic.ts

@@ -1,6 +1,5 @@
 export type Nullable<T> = T | null | undefined
 
-export type Option = {
-	options?: Option[],
-	[key: string]: unknown,
+export type Option = Record<string | number | symbol, unknown> & {
+	options?: Option[]
 }

package/src/types/index.ts

@@ -0,0 +1,5 @@
+export * from './alert'
+export * from './floating-ui'
+export * from './generic'
+export * from './group'
+export * from './nav'