@volverjs/ui-vue 0.0.10-beta.34 → 0.0.10-beta.36

package/src/stories/InputFile/InputFileSlots.stories.ts

@@ -1,13 +1,13 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import VvInputFile from '@/components/VvInputFile/VvInputFile.vue'
 import { Default as DefaultStory } from './InputFile.stories'
 import { argTypes, defaultArgs } from './InputFile.settings'
+import VvInputFile from '@/components/VvInputFile/VvInputFile.vue'
 
 const meta: Meta<typeof VvInputFile> = {
-	title: 'Components/InputFile/Slots',
-	component: VvInputFile,
-	args: defaultArgs,
-	argTypes,
+    title: 'Components/InputFile/Slots',
+    component: VvInputFile,
+    args: defaultArgs,
+    argTypes,
 }
 
 export default meta
@@ -15,19 +15,19 @@ export default meta
 type Story = StoryObj<typeof VvInputFile>
 
 export const DropArea: Story = {
-	...DefaultStory,
-	args: {
-		...DefaultStory.args,
-		class: 'max-w-320',
-		'drop-area': 'Drag one or more files to this drop zone.',
-		dropArea: true,
-	},
+    ...DefaultStory,
+    args: {
+        ...DefaultStory.args,
+        'class': 'max-w-320',
+        'drop-area': 'Drag one or more files to this drop zone.',
+        'dropArea': true,
+    },
 }
 
 export const Hint: Story = {
-	...DefaultStory,
-	args: {
-		...DefaultStory.args,
-		hint: 'Hint <em class="italic">slot!</em>',
-	},
+    ...DefaultStory,
+    args: {
+        ...DefaultStory.args,
+        hint: 'Hint <em class="italic">slot!</em>',
+    },
 }

package/src/stories/InputText/InputText.settings.ts

@@ -1,262 +1,261 @@
+import type { ArgTypes } from '@storybook/vue3'
 import { HintArgTypes, InputTextareaArgTypes } from '@/stories/argTypes'
 import { VvInputTextProps } from '@/components/VvInputText'
 import normal from '@/assets/icons/normal.json'
-import type { ArgTypes } from '@storybook/vue3'
 
 export const defaultArgs = {
-	...propsToObject(VvInputTextProps),
-	name: 'vv-input-text',
-	label: 'Input label',
-	placeholder: 'Input placeholder',
-	min: undefined,
-	max: undefined,
-	minlength: undefined,
-	maxlength: undefined,
+    ...propsToObject(VvInputTextProps),
+    name: 'vv-input-text',
+    label: 'Input label',
+    placeholder: 'Input placeholder',
+    min: undefined,
+    max: undefined,
+    minlength: undefined,
+    maxlength: undefined,
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+// @ts-expect-error to be fixed
 export const argTypes: ArgTypes = {
-	...InputTextareaArgTypes,
-	...HintArgTypes,
-	type: {
-		description: 'Type of form control',
-		options: [
-			'color',
-			'date',
-			'datetime-local',
-			'email',
-			'month',
-			'number',
-			'password',
-			'search',
-			'tel',
-			'text',
-			'time',
-			'url',
-			'week',
-		],
-		control: {
-			type: 'select',
-		},
-		table: {
-			defaultValue: {
-				summary: 'text',
-			},
-		},
-	},
-	min: {
-		description:
+    ...InputTextareaArgTypes,
+    ...HintArgTypes,
+    type: {
+        description: 'Type of form control',
+        options: [
+            'color',
+            'date',
+            'datetime-local',
+            'email',
+            'month',
+            'number',
+            'password',
+            'search',
+            'tel',
+            'text',
+            'time',
+            'url',
+            'week',
+        ],
+        control: {
+            type: 'select',
+        },
+        table: {
+            defaultValue: {
+                summary: 'text',
+            },
+        },
+    },
+    min: {
+        description:
 			'Minimum value. Available for input types: date, month, week, time, datetime-local, number, range.',
-		control: {
-			type: 'text',
-		},
-	},
-	max: {
-		description:
+        control: {
+            type: 'text',
+        },
+    },
+    max: {
+        description:
 			'Maximum value. Available for input types: date, month, week, time, datetime-local, number, range.',
-		control: {
-			type: 'text',
-		},
-	},
-	step: {
-		description:
+        control: {
+            type: 'text',
+        },
+    },
+    step: {
+        description:
 			'Incremental values that are valid. Available for input types: date, month, week, time, datetime-local and number.',
-		table: {
-			defaultValue: {
-				summary: '1',
-			},
-		},
-	},
-	pattern: {
-		description:
+        table: {
+            defaultValue: {
+                summary: '1',
+            },
+        },
+    },
+    pattern: {
+        description:
 			'Pattern the value must match to be valid. Available for input types: text, search, url, tel, email and password.',
-		control: {
-			type: 'text',
-		},
-	},
-	multiple: {
-		description:
+        control: {
+            type: 'text',
+        },
+    },
+    multiple: {
+        description:
 			'Whether to allow multiple values. Available for input type email.',
-		table: {
-			defaultValue: {
-				summary: 'false',
-			},
-		},
-	},
-	iconShowPassword: {
-		description: 'VvIcon name for show password button',
-		options: ['', ...Object.keys(normal.icons)],
-		control: {
-			type: 'select',
-		},
-		table: {
-			defaultValue: {
-				summary: 'eye-on',
-			},
-		},
-	},
-	iconHidePassword: {
-		description: 'VvIcon name for hide password button',
-		options: ['', ...Object.keys(normal.icons)],
-		control: {
-			type: 'select',
-		},
-		table: {
-			defaultValue: {
-				summary: 'eye-off',
-			},
-		},
-	},
-	iconClear: {
-		description: 'VvIcon name for clear button',
-		options: ['', ...Object.keys(normal.icons)],
-		control: {
-			type: 'select',
-		},
-		table: {
-			defaultValue: {
-				summary: 'close',
-			},
-		},
-	},
-	labelStepUp: {
-		description: 'Label for step up button',
-		control: {
-			type: 'text',
-		},
-		table: {
-			defaultValue: {
-				summary: 'Increase value',
-			},
-		},
-	},
-	labelStepDown: {
-		description: 'Label for step down button',
-		control: {
-			type: 'text',
-		},
-		table: {
-			defaultValue: {
-				summary: 'Decrease value',
-			},
-		},
-	},
-	labelShowPassword: {
-		description: 'Label for show password button',
-		control: {
-			type: 'text',
-		},
-		table: {
-			defaultValue: {
-				summary: 'Show password',
-			},
-		},
-	},
-	labelHidePassword: {
-		description: 'Label for hide password button',
+        table: {
+            defaultValue: {
+                summary: 'false',
+            },
+        },
+    },
+    iconShowPassword: {
+        description: 'VvIcon name for show password button',
+        options: ['', ...Object.keys(normal.icons)],
+        control: {
+            type: 'select',
+        },
+        table: {
+            defaultValue: {
+                summary: 'eye-on',
+            },
+        },
+    },
+    iconHidePassword: {
+        description: 'VvIcon name for hide password button',
+        options: ['', ...Object.keys(normal.icons)],
+        control: {
+            type: 'select',
+        },
+        table: {
+            defaultValue: {
+                summary: 'eye-off',
+            },
+        },
+    },
+    iconClear: {
+        description: 'VvIcon name for clear button',
+        options: ['', ...Object.keys(normal.icons)],
+        control: {
+            type: 'select',
+        },
+        table: {
+            defaultValue: {
+                summary: 'close',
+            },
+        },
+    },
+    labelStepUp: {
+        description: 'Label for step up button',
+        control: {
+            type: 'text',
+        },
+        table: {
+            defaultValue: {
+                summary: 'Increase value',
+            },
+        },
+    },
+    labelStepDown: {
+        description: 'Label for step down button',
+        control: {
+            type: 'text',
+        },
+        table: {
+            defaultValue: {
+                summary: 'Decrease value',
+            },
+        },
+    },
+    labelShowPassword: {
+        description: 'Label for show password button',
+        control: {
+            type: 'text',
+        },
+        table: {
+            defaultValue: {
+                summary: 'Show password',
+            },
+        },
+    },
+    labelHidePassword: {
+        description: 'Label for hide password button',
 
-		control: {
-			type: 'text',
-		},
-		table: {
-			defaultValue: {
-				summary: 'Hide password',
-			},
-		},
-	},
-	labelClear: {
-		description: 'Label for clear button',
+        control: {
+            type: 'text',
+        },
+        table: {
+            defaultValue: {
+                summary: 'Hide password',
+            },
+        },
+    },
+    labelClear: {
+        description: 'Label for clear button',
 
-		control: {
-			type: 'text',
-		},
-		table: {
-			defaultValue: {
-				summary: 'Clear',
-			},
-		},
-	},
-	iMask: {
-		description: '[iMask](https://imask.js.org/guide.html) options',
-		control: {
-			type: 'object',
-		},
-	},
-	masked: {
-		description: 'Masked input',
-		control: {
-			type: 'text',
-		},
-	},
-	autoWidth: {
-		description: 'Adjust input width to content',
-		control: {
-			type: 'boolean',
-		},
-		table: {
-			defaultValue: {
-				summary: 'false',
-			},
-			type: {
-				summary: 'boolean',
-			},
-		},
-	},
-	hideActions: {
-		description: 'Hide type number, password and search actions',
-		control: {
-			type: 'boolean',
-		},
-		table: {
-			defaultValue: {
-				summary: 'false',
-			},
-			type: {
-				summary: 'boolean',
-			},
-		},
-	},
-	unit: {
-		description: 'Add unit label to input',
-		control: {
-			type: 'text',
-		},
-	},
-	selectOnFocus: {
-		description: 'Select input text on focus',
-		control: {
-			type: 'boolean',
-		},
-		table: {
-			defaultValue: {
-				summary: 'false',
-			},
-			type: {
-				summary: 'boolean',
-			},
-		},
-	},
-	before: {
-		control: {
-			type: 'text',
-		},
-		table: {
-			category: 'Slots',
-			type: {
-				summary: 'html',
-			},
-		},
-	},
-	after: {
-		control: {
-			type: 'text',
-		},
-		table: {
-			category: 'Slots',
-			type: {
-				summary: 'html',
-			},
-		},
-	},
+        control: {
+            type: 'text',
+        },
+        table: {
+            defaultValue: {
+                summary: 'Clear',
+            },
+        },
+    },
+    iMask: {
+        description: '[iMask](https://imask.js.org/guide.html) options',
+        control: {
+            type: 'object',
+        },
+    },
+    masked: {
+        description: 'Masked input',
+        control: {
+            type: 'text',
+        },
+    },
+    autoWidth: {
+        description: 'Adjust input width to content',
+        control: {
+            type: 'boolean',
+        },
+        table: {
+            defaultValue: {
+                summary: 'false',
+            },
+            type: {
+                summary: 'boolean',
+            },
+        },
+    },
+    hideActions: {
+        description: 'Hide type number, password and search actions',
+        control: {
+            type: 'boolean',
+        },
+        table: {
+            defaultValue: {
+                summary: 'false',
+            },
+            type: {
+                summary: 'boolean',
+            },
+        },
+    },
+    unit: {
+        description: 'Add unit label to input',
+        control: {
+            type: 'text',
+        },
+    },
+    selectOnFocus: {
+        description: 'Select input text on focus',
+        control: {
+            type: 'boolean',
+        },
+        table: {
+            defaultValue: {
+                summary: 'false',
+            },
+            type: {
+                summary: 'boolean',
+            },
+        },
+    },
+    before: {
+        control: {
+            type: 'text',
+        },
+        table: {
+            category: 'Slots',
+            type: {
+                summary: 'html',
+            },
+        },
+    },
+    after: {
+        control: {
+            type: 'text',
+        },
+        table: {
+            category: 'Slots',
+            type: {
+                summary: 'html',
+            },
+        },
+    },
 }