@volverjs/ui-vue 0.0.4 → 0.0.5-beta.2

package/src/stories/InputText/InputText.stories.mdx

@@ -169,3 +169,43 @@ export const Template = (args, { argTypes }) => ({
 		{Template.bind()}
 	</Story>
 </Canvas>
+
+<Canvas>
+	<Story
+		name="Mask"
+		args={{
+			mask: '##-###-##',
+		}}
+		argTypes={{
+			mask: {
+				control: {
+					disable: true,
+				},
+			},
+		}}
+		play={defaultTest}
+	>
+		{Template.bind()}
+	</Story>
+</Canvas>
+
+<Canvas>
+	<Story
+		name="Unit"
+		args={{
+			unit: 'km',
+			autoWidth: true,
+			type: 'number',
+		}}
+		argTypes={{
+			unit: {
+				control: {
+					disable: true,
+				},
+			},
+		}}
+		play={defaultTest}
+	>
+		{Template.bind()}
+	</Story>
+</Canvas>

package/src/stories/InputText/InputText.test.ts

@@ -4,7 +4,10 @@ import { sleep } from '@/test/sleep'
 import { within, userEvent } from '@storybook/testing-library'
 import { INPUT_TYPES, type InputType } from '@/components/VvInputText'
 
-const valueByType = (type: InputType) => {
+const valueByType = (type: InputType, mask?: string) => {
+	if (mask) {
+		return '1234567'
+	}
 	switch (type) {
 		case INPUT_TYPES.TEXT:
 		case INPUT_TYPES.PASSWORD:
@@ -42,7 +45,7 @@ export async function defaultTest({ canvasElement, args }: PlayAttributes) {
 
 	// value
 	if (!args.invalid && !args.disabled && !args.readonly) {
-		const inputValue = valueByType(args.type)
+		const inputValue = valueByType(args.type, args.mask)
 		if (inputValue) {
 			await expect(input).toBeClicked()
 			await userEvent.keyboard(inputValue)

package/src/stories/Tooltip/TooltipDirective.stories.mdx

@@ -5,7 +5,7 @@ import { defaultArgs, argTypes } from './Tooltip.settings'
 import { defaultTest } from './Tooltip.test'
 
 <Meta
-	title="Components/Tooltip/Directive"
+	title="Directives/Tooltip"
 	component={VvTooltip}
 	args={defaultArgs}
 	argTypes={argTypes}

package/src/stories/argTypes.ts

@@ -1,5 +1,5 @@
-import normal from '@/assets/icons/normal.json'
-import { Placement, Position, Side } from '@/constants'
+import normal from '../assets/icons/normal.json'
+import { Placement, Position, Side } from '../constants'
 
 export const ValidArgTypes = {
 	valid: {
@@ -298,6 +298,16 @@ export const DropdownArgTypes = {
 			defaultValue: { summary: 'bottom' },
 		},
 	},
+	strategy: {
+		description: 'Dropdown strategy',
+		options: ['fixed', 'absolute'],
+		control: {
+			type: 'select',
+		},
+		table: {
+			defaultValue: { summary: 'absolute' },
+		},
+	},
 	transitionName: {
 		description: 'Dropdown show / hide transition name',
 		control: {

package/src/types/group.d.ts

@@ -14,6 +14,9 @@ export default interface GroupState {
  */
 export interface InputGroupState extends GroupState {
 	readonly: Ref<boolean>
+	disabled: Ref<boolean>
+	valid: Ref<boolean>
+	invalid: Ref<boolean>
 }
 
 /**
@@ -33,5 +36,7 @@ export interface ButtonGroupState extends GroupState {
  */
 export interface AccordionGroupState extends GroupState {
 	collapse: Ref<boolean>
+	disabled: Ref<boolean>
 	modifiers: Ref<Array<string> | string | undefined>
+	not: Ref<boolean>
 }