@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

package/src/components/VColorPicker/util/index.ts

@@ -12,7 +12,7 @@ import {
   RGBAtoHex,
   HSLAtoHSVA,
   parseHex,
-  Hexa,
+  Hexa
 } from '../../../util/colorUtils'
 
 export interface VColorPickerColor {
@@ -37,7 +37,7 @@ export function fromHSVA (hsva: HSVA): VColorPickerColor {
     hsla,
     hsva,
     hue: hsva.h,
-    rgba,
+    rgba
   }
 }
 
@@ -52,7 +52,7 @@ export function fromHSLA (hsla: HSLA): VColorPickerColor {
     hsla,
     hsva,
     hue: hsva.h,
-    rgba,
+    rgba
   }
 }
 
@@ -67,7 +67,7 @@ export function fromRGBA (rgba: RGBA): VColorPickerColor {
     hsla,
     hsva,
     hue: hsva.h,
-    rgba,
+    rgba
   }
 }
 
@@ -82,7 +82,7 @@ export function fromHexa (hexa: Hexa): VColorPickerColor {
     hsla,
     hsva,
     hue: hsva.h,
-    rgba,
+    rgba
   }
 }
 

package/src/components/VCombobox/VCombobox.ts

@@ -9,7 +9,7 @@ import VAutocomplete from '../VAutocomplete/VAutocomplete'
 import { keyCodes } from '../../util/helpers'
 
 // Types
-import { PropValidator } from 'vue/types/options'
+import { PropType } from 'vue'
 import { defineComponent } from 'vue'
 
 /* @vue/component */
@@ -21,12 +21,12 @@ export default defineComponent({
   props: {
     delimiters: {
       type: Array,
-      default: () => ([]),
-    } as PropValidator<string[]>,
+      default: () => ([])
+    } as unknown as PropType<string[]>,
     returnObject: {
       type: Boolean,
-      default: true,
-    },
+      default: true
+    }
   },
 
   emits: [
@@ -49,11 +49,11 @@ export default defineComponent({
     'click:clear',
     'input',
     'update:error',
-    'paste',
+    'paste'
   ],
 
   data: () => ({
-    editingIndex: -1,
+    editingIndex: -1
   }),
 
   computed: {
@@ -76,7 +76,7 @@ export default defineComponent({
     },
     searchIsDirty (): boolean {
       return this.internalSearch != null
-    },
+    }
   },
 
   methods: {
@@ -136,7 +136,7 @@ export default defineComponent({
 
       if (
         e.ctrlKey ||
-        ![keyCodes.home, keyCodes.end].includes(keyCode)
+        ![keyCodes.home, keyCodes.end].includes(keyCode as typeof keyCodes.home | typeof keyCodes.end)
       ) {
         VSelect.methods.onKeyDown.call(this, e)
       }
@@ -297,6 +297,6 @@ export default defineComponent({
       this.editingIndex = -1
 
       VAutocomplete.methods.clearableCallback.call(this)
-    },
-  },
+    }
+  }
 })

package/src/components/VCombobox/__tests__/VCombobox-multiple.spec.ts

@@ -7,7 +7,7 @@ import {
   mount,
   VueWrapper,
   MountingOptions,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 import { keyCodes } from '../../../util/helpers'
 import { nextTick } from 'vue'
@@ -28,19 +28,19 @@ describe('VCombobox.ts', () => {
           mocks: {
             $vuetify: {
               lang: {
-                t: (val: string) => val,
+                t: (val: string) => val
               },
               theme: {
-                dark: false,
+                dark: false
               },
               icons: {
-                component: null,
-              },
+                component: null
+              }
             },
-            ...options.global?.mocks,
+            ...options.global?.mocks
           },
-          ...options.global,
-        },
+          ...options.global
+        }
       })
     }
   })
@@ -51,8 +51,8 @@ describe('VCombobox.ts', () => {
       attachTo: document.body,
       props: Object.assign({
         multiple: true,
-        modelValue: [],
-      }, propsData || {}),
+        modelValue: []
+      }, propsData || {})
     })
 
     return { wrapper, change }
@@ -77,7 +77,7 @@ describe('VCombobox.ts', () => {
 
   it('should change selectedIndex with keyboard', async () => {
     const { wrapper } = createMultipleCombobox({
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -94,7 +94,7 @@ describe('VCombobox.ts', () => {
 
   it('should delete a tagged item when selected and backspace/delete is pressed', async () => {
     const { wrapper } = createMultipleCombobox({
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -120,7 +120,7 @@ describe('VCombobox.ts', () => {
 
   it('should add a tag on enter using the current searchValue', async () => {
     const { wrapper } = createMultipleCombobox({
-      items: ['bar'],
+      items: ['bar']
     })
 
     const input = wrapper.find('input')
@@ -142,7 +142,7 @@ describe('VCombobox.ts', () => {
   it.skip('should add a tag on left arrow and select the previous tag', async () => {
     const { wrapper } = createMultipleCombobox({
       modelValue: ['foo'],
-      items: ['foo', 'bar'],
+      items: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -160,7 +160,7 @@ describe('VCombobox.ts', () => {
 
   it('should remove a duplicate tag and add it to the end', async () => {
     const { wrapper } = createMultipleCombobox({
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -199,7 +199,7 @@ describe('VCombobox.ts', () => {
   it('should be able to add a tag from user input after deleting a tag with delete', async () => {
     const { wrapper } = createMultipleCombobox({
       multiple: true,
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -234,7 +234,7 @@ describe('VCombobox.ts', () => {
       clearable: true,
       deletableChips: true,
       multiple: true,
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -266,7 +266,7 @@ describe('VCombobox.ts', () => {
     const { wrapper } = createMultipleCombobox({
       chips: true,
       multiple: true,
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -290,7 +290,7 @@ describe('VCombobox.ts', () => {
   // eslint-disable-next-line max-statements
   it('should create new items when a delimiter is entered', async () => {
     const { wrapper } = createMultipleCombobox({
-      delimiters: [', ', 'baz'],
+      delimiters: [', ', 'baz']
     })
 
     await nextTick()
@@ -331,7 +331,7 @@ describe('VCombobox.ts', () => {
   it('should allow the editing of an existing value', async () => {
     const { wrapper } = createMultipleCombobox({
       chips: true,
-      modelValue: ['foo'],
+      modelValue: ['foo']
     })
 
     const chip = wrapper.find('.v-chip')
@@ -358,22 +358,22 @@ describe('VCombobox.ts', () => {
 
   it('should paste as item if source of pasted text is item in another v-combobox/v-autocomplete', async () => {
     const { wrapper } = createMultipleCombobox({
-      items: ['aaa', 'bbb'],
+      items: ['aaa', 'bbb']
     })
 
     const input = wrapper.find('input')
     const getData = jest.fn(mimeType => 'ccc')
     const event = {
       clipboardData: {
-        getData,
-      },
+        getData
+      }
     }
 
     input.trigger('focus')
 
     const pasteEvent = {
       ...event,
-      preventDefault: jest.fn(),
+      preventDefault: jest.fn()
     }
     wrapper.vm.onPaste(pasteEvent)
     await nextTick()
@@ -384,15 +384,15 @@ describe('VCombobox.ts', () => {
 
   it('should paste as text if source of pasted text is not item in another v-combobox/v-autocomplete', async () => {
     const { wrapper } = createMultipleCombobox({
-      items: ['aaa', 'bbb'],
+      items: ['aaa', 'bbb']
     })
 
     const input = wrapper.find('input')
     const getData = jest.fn(mimeType => mimeType === 'text/plain' ? 'ccc' : '')
     const event = {
       clipboardData: {
-        getData,
-      },
+        getData
+      }
     }
 
     input.trigger('focus')
@@ -406,7 +406,7 @@ describe('VCombobox.ts', () => {
     const { wrapper } = createMultipleCombobox({
       chips: true,
       multiple: true,
-      items: ['aaa', 'bbb'],
+      items: ['aaa', 'bbb']
     })
 
     const input = wrapper.find('input')
@@ -435,7 +435,7 @@ describe('VCombobox.ts', () => {
       multiple: true,
       chips: true,
       modelValue: ['foo', 'bar'],
-      items: ['foo', 'bar'],
+      items: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -485,7 +485,7 @@ describe('VCombobox.ts', () => {
       chips: true,
       multiple: true,
       items: ['foo'],
-      modelValue: ['foo'],
+      modelValue: ['foo']
     })
 
     const input = wrapper.find('input')
@@ -514,7 +514,7 @@ describe('VCombobox.ts', () => {
       multiple: true,
       clearable: true,
       items: ['foo', 'bar'],
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -553,11 +553,11 @@ describe('VCombobox.ts', () => {
       multiple: true,
       items: [
         { text: 'foo', value: 'foo' },
-        { text: 'bar', value: 'bar' },
+        { text: 'bar', value: 'bar' }
       ],
       modelValue: [
-        { text: 'foo', value: 'foo' },
-      ],
+        { text: 'foo', value: 'foo' }
+      ]
     })
 
     const input = wrapper.find('input')
@@ -588,7 +588,7 @@ describe('VCombobox.ts', () => {
       multiple: true,
       clearable: true,
       items: ['foo', 'bar'],
-      modelValue: ['foo', 'bar'],
+      modelValue: ['foo', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -616,7 +616,7 @@ describe('VCombobox.ts', () => {
   // example 1 in https://github.com/vuetifyjs/vuetify/issues/14194
   it('should not point to a result that does not exist as in example 1', async () => {
     const { wrapper } = createMultipleCombobox({
-      items: ['a', 'aa', 'aaa', 'bar'],
+      items: ['a', 'aa', 'aaa', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -657,7 +657,7 @@ describe('VCombobox.ts', () => {
   // example 2 in https://github.com/vuetifyjs/vuetify/issues/14194
   it('should not change selection on search input as in example 2', async () => {
     const { wrapper } = createMultipleCombobox({
-      items: ['a', 'aa', 'aaa', 'bar'],
+      items: ['a', 'aa', 'aaa', 'bar']
     })
 
     const input = wrapper.find('input')
@@ -694,7 +694,7 @@ describe('VCombobox.ts', () => {
   // example 3 in https://github.com/vuetifyjs/vuetify/issues/14194
   it('should not point to a result that does not exist as in example 3', async () => {
     const { wrapper } = createMultipleCombobox({
-      items: ['a', 'aa', 'aaa', 'bar'],
+      items: ['a', 'aa', 'aaa', 'bar']
     })
 
     const input = wrapper.find('input')

package/src/components/VCombobox/__tests__/VCombobox.spec.ts

@@ -6,7 +6,7 @@ import {
   mount,
   VueWrapper,
   MountingOptions,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 import { nextTick } from 'vue'
 
@@ -26,19 +26,19 @@ describe('VCombobox.ts', () => {
           mocks: {
             $vuetify: {
               lang: {
-                t: (val: string) => val,
+                t: (val: string) => val
               },
               theme: {
-                dark: false,
+                dark: false
               },
               icons: {
-                component: null,
-              },
+                component: null
+              }
             },
-            ...options.global?.mocks,
+            ...options.global?.mocks
           },
-          ...options.global,
-        },
+          ...options.global
+        }
       })
     }
   })
@@ -48,8 +48,8 @@ describe('VCombobox.ts', () => {
   it.skip('should evaluate the range of an integer', async () => {
     const wrapper = mountFunction({
       props: {
-        modelValue: 11,
-      },
+        modelValue: 11
+      }
     })
 
     await nextTick()
@@ -65,8 +65,8 @@ describe('VCombobox.ts', () => {
       attachTo: document.body,
       props: {
         eager: true,
-        items: [1, 12],
-      },
+        items: [1, 12]
+      }
     })
 
     const input = wrapper.find('input')
@@ -94,8 +94,8 @@ describe('VCombobox.ts', () => {
     const item = { value: 123, text: 'Foo' }
     const wrapper = mountFunction({
       props: {
-        items: [item],
-      },
+        items: [item]
+      }
     })
 
     wrapper.vm.isMenuActive = true
@@ -131,7 +131,7 @@ describe('VCombobox.ts', () => {
   // TODO: fails with TS 3.9
   it.skip('should clear value', async () => {
     const wrapper = mountFunction({
-      attachTo: document.body,
+      attachTo: document.body
     })
     await nextTick()
 
@@ -169,17 +169,17 @@ describe('VCombobox.ts', () => {
         mocks: {
           $vuetify: {
             lang: {
-              t: (val: string) => val,
+              t: (val: string) => val
             },
             theme: {
-              dark: false,
+              dark: false
             },
             icons: {
-              component: null,
-            },
-          },
-        },
-      },
+              component: null
+            }
+          }
+        }
+      }
     })
 
     // Mock the method
@@ -229,8 +229,8 @@ describe('VCombobox.ts', () => {
       attachTo: document.body,
       props: {
         items: ['foo', 'bar', 'fizz'],
-        searchInput: 'foobar',
-      },
+        searchInput: 'foobar'
+      }
     })
 
     const slot = wrapper.find('.v-input__slot')
@@ -256,13 +256,13 @@ describe('VCombobox.ts', () => {
       { text: 'Programming', value: 0 },
       { text: 'Design', value: 1 },
       { text: 'Vue', value: 2 },
-      { text: 'Vuetify', value: 3 },
+      { text: 'Vuetify', value: 3 }
     ]
     const wrapper = mountFunction({
       attachTo: document.body,
       props: {
-        items,
-      },
+        items
+      }
     })
 
     const input = wrapper.find('input')
@@ -292,8 +292,8 @@ describe('VCombobox.ts', () => {
     const selectItem = jest.fn()
     const wrapper = mountFunction({
       props: {
-        items: ['foo'],
-      },
+        items: ['foo']
+      }
     })
 
     // Mock the method
@@ -342,8 +342,8 @@ describe('VCombobox.ts', () => {
   it('should change autocomplete attribute', () => {
     const wrapper = mountFunction({
       attrs: {
-        autocomplete: 'on',
-      },
+        autocomplete: 'on'
+      }
     })
 
     expect(wrapper.vm.$attrs.autocomplete).toBe('on')
@@ -358,9 +358,9 @@ describe('VCombobox.ts', () => {
           { text: 'Learn JavaScript', done: false },
           { text: 'Learn Vue', done: false },
           { text: 'Play around in JSFiddle', done: true },
-          { text: 'Build something awesome', done: true },
-        ],
-      },
+          { text: 'Build something awesome', done: true }
+        ]
+      }
     })
 
     const input = wrapper.find('input')

package/src/components/VContent/VContent.ts

@@ -1,4 +1,4 @@
-import {h} from 'vue'
+import { h } from 'vue'
 // Types
 import { VNode, defineComponent } from 'vue'
 
@@ -32,5 +32,5 @@ export default defineComponent({
     }
 
     return h(getTagValue(this.tag), node.data, node.children)
-  },
+  }
 })

package/src/components/VCounter/VCounter.ts

@@ -17,9 +17,9 @@ export default mixins(Themeable).extend({
   props: {
     value: {
       type: [Number, String],
-      default: '',
+      default: ''
     },
-    max: [Number, String],
+    max: [Number, String]
   },
 
   render (): VNode {
@@ -33,8 +33,8 @@ export default mixins(Themeable).extend({
       class: {
         'v-counter': true,
         'error--text': isGreater,
-        ...functionalThemeClasses(this),
-      },
+        ...functionalThemeClasses(this)
+      }
     }, content)
-  },
+  }
 })

package/src/components/VCounter/__tests__/VCounter.spec.ts

@@ -5,7 +5,7 @@ import VCounter from '../VCounter'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 
 describe('VCounter.ts', () => {
@@ -16,7 +16,7 @@ describe('VCounter.ts', () => {
   beforeEach(() => {
     mountFunction = (props = {}) => {
       return mount(VCounter, {
-        props,
+        props
       })
     }
   })