fix(controls): mark value props as optional

histoire-dev · Feb 15, 2023 · 328f7c6 · 328f7c6
1 parent 6a3aa4b
commit 328f7c6
Show file tree

Hide file tree

Showing 10 changed files with 17 additions and 17 deletions.
diff --git a/packages/histoire-controls/src/components/button/HstButtonGroup.vue b/packages/histoire-controls/src/components/button/HstButtonGroup.vue
@@ -12,7 +12,7 @@ import HstButton from './HstButton.vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: string[] | number[] | HstControlOption[] | Record<string, string | number>
 }>()
 

diff --git a/packages/histoire-controls/src/components/checkbox/HstCheckbox.vue b/packages/histoire-controls/src/components/checkbox/HstCheckbox.vue
@@ -9,7 +9,7 @@ import HstWrapper from '../HstWrapper.vue'
 import HstSimpleCheckbox from './HstSimpleCheckbox.vue'
 
 const props = defineProps<{
-  modelValue: boolean
+  modelValue?: boolean
   title?: string
 }>()
 

diff --git a/packages/histoire-controls/src/components/checkbox/HstSimpleCheckbox.vue b/packages/histoire-controls/src/components/checkbox/HstSimpleCheckbox.vue
@@ -8,7 +8,7 @@ export default {
 import { computed, ref, watch } from 'vue'
 
 const props = defineProps<{
-  modelValue: boolean
+  modelValue?: boolean
   withToggle?: boolean
 }>()
 

diff --git a/packages/histoire-controls/src/components/number/HstNumber.vue b/packages/histoire-controls/src/components/number/HstNumber.vue
@@ -11,7 +11,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: number
+  modelValue?: number
 }>()
 
 const emit = defineEmits({

diff --git a/packages/histoire-controls/src/components/radio/HstRadio.vue b/packages/histoire-controls/src/components/radio/HstRadio.vue
@@ -11,7 +11,7 @@ import { HstControlOption } from '../../types'
 
 const props = defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: HstControlOption[]
 }>()
 

diff --git a/packages/histoire-controls/src/components/select/HstSelect.vue b/packages/histoire-controls/src/components/select/HstSelect.vue
@@ -11,7 +11,7 @@ import { HstControlOption } from '../../types'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: Record<string, any> | string[] | HstControlOption[]
 }>()
 

diff --git a/packages/histoire-controls/src/components/slider/HstSlider.vue b/packages/histoire-controls/src/components/slider/HstSlider.vue
@@ -13,7 +13,7 @@ import { VTooltip as vTooltip } from 'floating-vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: number
+  modelValue?: number
   min: number
   max: number
 }>()

diff --git a/packages/histoire-controls/src/components/text/HstText.vue b/packages/histoire-controls/src/components/text/HstText.vue
@@ -10,7 +10,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
 }>()
 
 const emit = defineEmits({

diff --git a/packages/histoire-controls/src/components/textarea/HstTextarea.vue b/packages/histoire-controls/src/components/textarea/HstTextarea.vue
@@ -11,7 +11,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
 }>()
 
 const emit = defineEmits({

diff --git a/packages/histoire-plugin-svelte/src/helpers.ts b/packages/histoire-plugin-svelte/src/helpers.ts
@@ -19,12 +19,12 @@ export interface Hst {
   // Controls
   Button: typeof SvelteComponentTyped
   ButtonGroup: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     options: (string | HstControlOption)[]
     title?: string
   }>
   Checkbox: typeof SvelteComponentTyped<{
-    value: boolean
+    value?: boolean
     title: string
   }>
   CheckboxList: typeof SvelteComponentTyped<{
@@ -33,30 +33,30 @@ export interface Hst {
     title?: string
   }>
   Text: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     title: string
   }>
   Number: typeof SvelteComponentTyped<{
-    value: number
+    value?: number
     title: string
   }>
   Slider: typeof SvelteComponentTyped<{
-    value: number
+    value?: number
     title: string
     min: number
     max: number
   }>
   Textarea: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     title: string
   }>
   Select: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     title: string
     options: Record<string, any> | string[] | HstControlOption[]
   }>
   Radio: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     options: HstControlOption[]
     title?: string
   }>