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

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

@@ -1,259 +1,261 @@
-import { HintArgTypes, InputTextareaArgTypes } from '@/stories/argTypes'
-import { VvInputTextProps } from '@/components/VvInputText'
+import type { ArgTypes } from '@storybook/vue3'
 import normal from '@/assets/icons/normal.json'
+import { VvInputTextProps } from '@/components/VvInputText'
+import { HintArgTypes, InputTextareaArgTypes } from '@/stories/argTypes'
 
 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,
 }
 
-export const 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:
+// @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:
 			'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',
+            },
+        },
+    },
 }