@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

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

@@ -6,7 +6,7 @@ import {
   mount,
   VueWrapper,
   MountingOptions,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 import { h } from 'vue'
 
@@ -28,11 +28,11 @@ describe('VDialog.ts', () => {
           mocks: {
             $vuetify: {
               theme: {},
-              breakpoint: {},
-            },
-          },
+              breakpoint: {}
+            }
+          }
         },
-        ...options,
+        ...options
       })
     }
   })
@@ -50,8 +50,8 @@ describe('VDialog.ts', () => {
   it('should render a disabled component and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        disabled: true,
-      },
+        disabled: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -60,8 +60,8 @@ describe('VDialog.ts', () => {
   it('should render a persistent component and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        persistent: true,
-      },
+        persistent: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -70,8 +70,8 @@ describe('VDialog.ts', () => {
   it('should render a fullscreen component and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        fullscreen: true,
-      },
+        fullscreen: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -80,8 +80,8 @@ describe('VDialog.ts', () => {
   it('should render a eager component and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        eager: true,
-      },
+        eager: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -90,8 +90,8 @@ describe('VDialog.ts', () => {
   it('should render a scrollable component and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        scrollable: true,
-      },
+        scrollable: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -100,8 +100,8 @@ describe('VDialog.ts', () => {
   it('should render component with custom origin and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        origin: 'top right',
-      },
+        origin: 'top right'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -110,8 +110,8 @@ describe('VDialog.ts', () => {
   it('should render component with custom width (max-width) and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        maxWidth: 100,
-      },
+        maxWidth: 100
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -120,8 +120,8 @@ describe('VDialog.ts', () => {
   it('should render component with custom width and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        width: '50%',
-      },
+        width: '50%'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -130,8 +130,8 @@ describe('VDialog.ts', () => {
   it('should render component with custom transition and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        transition: 'fade-transition',
-      },
+        transition: 'fade-transition'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -143,12 +143,12 @@ describe('VDialog.ts', () => {
       slots: {
         activator: ({ on }) => h('div', {
           class: 'activator',
-          ...on,
-        }),
+          ...on
+        })
       },
       attrs: {
-        'onUpdate:modelValue': input,
-      },
+        'onUpdate:modelValue': input
+      }
     })
 
     expect(wrapper.vm.isActive).toBe(false)
@@ -162,18 +162,18 @@ describe('VDialog.ts', () => {
     const input = jest.fn()
     const wrapper = mountFunction({
       props: {
-        disabled: true,
+        disabled: true
       },
       slots: {
         // eslint-disable-next-line sonarjs/no-identical-functions
         activator: ({ on }) => h('div', {
           class: 'activator',
-          ...on,
-        }),
+          ...on
+        })
       },
       attrs: {
-        'onUpdate:modelValue': input,
-      },
+        'onUpdate:modelValue': input
+      }
     })
 
     expect(wrapper.vm.isActive).toBe(false)
@@ -186,22 +186,22 @@ describe('VDialog.ts', () => {
   it('not change state on v-model update', async () => {
     const wrapper = mountFunction({
       props: {
-        modelValue: false,
+        modelValue: false
       },
       slots: {
-        activator: '<span>activator</span>',
-      },
+        activator: '<span>activator</span>'
+      }
     })
 
     expect(wrapper.vm.isActive).toBe(false)
 
     await wrapper.setProps({
-      modelValue: true,
+      modelValue: true
     })
     expect(wrapper.vm.isActive).toBe(true)
 
     await wrapper.setProps({
-      modelValue: false,
+      modelValue: false
     })
     expect(wrapper.vm.isActive).toBe(false)
   })
@@ -211,8 +211,8 @@ describe('VDialog.ts', () => {
     const wrapper = mountFunction({
       props: { modelValue: true },
       attrs: {
-        onKeydown: keydown,
-      },
+        onKeydown: keydown
+      }
     })
 
     await wrapper.vm.$nextTick()
@@ -239,15 +239,15 @@ describe('VDialog.ts', () => {
   it('should not respond to events if disabled', async () => {
     const wrapper = mountFunction({
       props: {
-        disabled: true,
+        disabled: true
       },
       slots: {
         // eslint-disable-next-line sonarjs/no-identical-functions
         activator: ({ on }) => h('div', {
           class: 'activator',
-          ...on,
-        }),
-      },
+          ...on
+        })
+      }
     })
 
     const activator = wrapper.find('div.activator')
@@ -265,13 +265,13 @@ describe('VDialog.ts', () => {
         // eslint-disable-next-line sonarjs/no-identical-functions
         activator: ({ on }) => h('div', {
           class: 'activator',
-          ...on,
-        }),
+          ...on
+        })
       },
       attrs: {
         'onUpdate:modelValue': input,
-        'onClick:outside': clickOutside,
-      },
+        'onClick:outside': clickOutside
+      }
     })
 
     expect(wrapper.vm.isActive).toBe(false)
@@ -287,7 +287,7 @@ describe('VDialog.ts', () => {
   // Ensure dialog opens up when provided a default value
   it('should set model active before mounted', () => {
     const wrapper = mountFunction({
-      props: { modelValue: true },
+      props: { modelValue: true }
     })
 
     expect(wrapper.vm.isActive).toBe(true)
@@ -295,7 +295,7 @@ describe('VDialog.ts', () => {
 
   it('should close dialog on escape keydown', async () => {
     const wrapper = mountFunction({
-      props: { modelValue: true },
+      props: { modelValue: true }
     })
 
     expect(wrapper.vm.isActive).toBe(true)
@@ -308,7 +308,7 @@ describe('VDialog.ts', () => {
 
   it('should only set tabindex if active', async () => {
     const wrapper = mountFunction({
-      props: { eager: true },
+      props: { eager: true }
     })
 
     const dialog = wrapper.find('.v-dialog')
@@ -331,19 +331,19 @@ describe('VDialog.ts', () => {
     const wrapper = mountFunction({
       props: {
         persistent: true,
-        hideOverlay: true,
+        hideOverlay: true
       },
       slots: {
         // eslint-disable-next-line sonarjs/no-identical-functions
         activator: ({ on }) => h('div', {
           class: 'activator',
-          ...on,
-        }),
+          ...on
+        })
       },
       attrs: {
         'onUpdate:modelValue': input,
-        'onClick:outside': clickOutside,
-      },
+        'onClick:outside': clickOutside
+      }
     })
 
     expect(wrapper.vm.isActive).toBe(false)

package/src/components/VDivider/VDivider.ts

@@ -1,4 +1,4 @@
-import {h} from 'vue'
+import { h } from 'vue'
 // Styles
 import './VDivider.sass'
 
@@ -9,14 +9,13 @@ import { VNode, defineComponent } from 'vue'
 import Themeable from '../../mixins/themeable'
 import mergeData from '../../util/mergeData'
 
-
 export default defineComponent({
   name: 'v-divider',
   extends: Themeable,
 
   props: {
     inset: Boolean,
-    vertical: Boolean,
+    vertical: Boolean
   },
 
   render (): VNode {
@@ -30,11 +29,11 @@ export default defineComponent({
         'v-divider': true,
         'v-divider--inset': this.inset,
         'v-divider--vertical': this.vertical,
-        ...this.themeClasses,
+        ...this.themeClasses
       },
       role: 'separator',
       'aria-orientation': orientation,
       ...this.$listeners
     }, this.$attrs))
-  },
+  }
 })

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

@@ -5,7 +5,7 @@ import VDivider from '../VDivider'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 
 describe('VDivider', () => {
@@ -17,7 +17,7 @@ describe('VDivider', () => {
   beforeEach(() => {
     mountFunction = (options = {}) => {
       return mount(VDivider, {
-        ...options,
+        ...options
       })
     }
   })
@@ -30,7 +30,7 @@ describe('VDivider', () => {
 
   it('should render an inset component', () => {
     const wrapper = mountFunction({
-      props: { inset: true },
+      props: { inset: true }
     })
 
     expect(wrapper.classes('v-divider--inset')).toBe(true)
@@ -38,7 +38,7 @@ describe('VDivider', () => {
 
   it('should render a light component', () => {
     const wrapper = mountFunction({
-      props: { light: true },
+      props: { light: true }
     })
 
     expect(wrapper.classes('theme--light')).toBe(true)
@@ -46,7 +46,7 @@ describe('VDivider', () => {
 
   it('should render a dark component', () => {
     const wrapper = mountFunction({
-      props: { dark: true },
+      props: { dark: true }
     })
 
     expect(wrapper.classes('theme--dark')).toBe(true)
@@ -54,7 +54,7 @@ describe('VDivider', () => {
 
   it('should render a vertical component', () => {
     const wrapper = mountFunction({
-      props: { vertical: true },
+      props: { vertical: true }
     })
 
     expect(wrapper.classes('v-divider--vertical')).toBe(true)
@@ -74,7 +74,7 @@ describe('VDivider', () => {
 
   it('should have aria-orientation vertical if vertical prop is set', () => {
     const wrapper = mountFunction({
-      props: { vertical: true },
+      props: { vertical: true }
     })
 
     expect(wrapper.attributes('aria-orientation')).toBe('vertical')
@@ -82,7 +82,7 @@ describe('VDivider', () => {
 
   it('should have presentation role if set in attrs', () => {
     const wrapper = mountFunction({
-      attrs: { role: 'presentation' },
+      attrs: { role: 'presentation' }
     })
 
     expect(wrapper.attributes('role')).toBe('presentation')
@@ -90,7 +90,7 @@ describe('VDivider', () => {
 
   it('should have no aria-orientation if presentation role is set in attrs', () => {
     const wrapper = mountFunction({
-      attrs: { role: 'presentation' },
+      attrs: { role: 'presentation' }
     })
 
     expect(wrapper.attributes('aria-orientation')).toBeUndefined()

package/src/components/VExpansionPanel/VExpansionPanel.ts

@@ -1,4 +1,4 @@
-import {h} from 'vue'
+import { h } from 'vue'
 // Components
 import VExpansionPanels from './VExpansionPanels'
 import VExpansionPanelHeader from './VExpansionPanelHeader'
@@ -25,21 +25,21 @@ export default mixins(
 ).extend({
   name: 'v-expansion-panel',
 
-  emits: [
-    'click',
-    'change',
-  ],
-
   props: {
     disabled: Boolean,
-    readonly: Boolean,
+    readonly: Boolean
   },
 
+  emits: [
+    'click',
+    'change'
+  ],
+
   data () {
     return {
       content: null as VExpansionPanelContentInstance | null,
       header: null as VExpansionPanelHeaderInstance | null,
-      nextIsActive: false,
+      nextIsActive: false
     }
   },
 
@@ -49,7 +49,7 @@ export default mixins(
         'v-expansion-panel--active': this.isActive,
         'v-expansion-panel--next-active': this.nextIsActive,
         'v-expansion-panel--disabled': this.isDisabled,
-        ...this.groupClasses,
+        ...this.groupClasses
       }
     },
     isDisabled (): boolean {
@@ -57,7 +57,7 @@ export default mixins(
     },
     isReadonly (): boolean {
       return this.expansionPanels.readonly || this.readonly
-    },
+    }
   },
 
   methods: {
@@ -86,13 +86,13 @@ export default mixins(
         this.$emit('change')
         this.$emitLegacy('change')
       })
-    },
+    }
   },
 
   render (): VNode {
     return h('div', {
       class: ['v-expansion-panel', this.classes],
-      'aria-expanded': String(this.isActive),
+      'aria-expanded': String(this.isActive)
     }, getSlot(this))
-  },
+  }
 })

package/src/components/VExpansionPanel/VExpansionPanelContent.ts

@@ -18,7 +18,7 @@ const baseMixins = mixins(
   RegistrableInject<'expansionPanel', Component>('expansionPanel', 'v-expansion-panel-content', 'v-expansion-panel')
 )
 
-interface options extends ExtractVue<typeof baseMixins> {
+type options = ExtractVue<typeof baseMixins> & {
   expansionPanel: InstanceType<typeof VExpansionPanel>
 }
 
@@ -27,13 +27,13 @@ export default baseMixins.extend({
   name: 'v-expansion-panel-content',
 
   data: () => ({
-    isActive: false,
+    isActive: false
   }),
 
   computed: {
     parentIsActive (): boolean {
       return this.expansionPanel.isActive
-    },
+    }
   },
 
   watch: {
@@ -44,8 +44,8 @@ export default baseMixins.extend({
 
         if (oldVal == null) this.isActive = val
         else this.$nextTick(() => this.isActive = val)
-      },
-    },
+      }
+    }
   },
 
   created () {
@@ -59,15 +59,15 @@ export default baseMixins.extend({
   render (): VNode {
     return h(VExpandTransition, {}, () => this.showLazyContent(() => [
       withDirectives(h('div', this.setBackgroundColor(this.color, {
-        class: 'v-expansion-panel-content',
+        class: 'v-expansion-panel-content'
       }), [
-        h('div', { class: 'v-expansion-panel-content__wrap' }, getSlot(this, 'default', { open: this.isActive })),
+        h('div', { class: 'v-expansion-panel-content__wrap' }, getSlot(this, 'default', { open: this.isActive }))
       ]), [
         [
           vShow,
-          this.isActive,
-        ],
-      ]),
+          this.isActive
+        ]
+      ])
     ]))
-  },
+  }
 })

package/src/components/VExpansionPanel/VExpansionPanelHeader.ts

@@ -32,24 +32,24 @@ export default baseMixins.extend({
     disableIconRotate: Boolean,
     expandIcon: {
       type: String,
-      default: '$expand',
+      default: '$expand'
     },
     hideActions: Boolean,
     ripple: {
       type: [Boolean, Object],
-      default: false,
-    },
+      default: false
+    }
   },
 
   data: () => ({
-    hasMousedown: false,
+    hasMousedown: false
   }),
 
   computed: {
     classes (): object {
       return {
         'v-expansion-panel-header--active': this.isActive,
-        'v-expansion-panel-header--mousedown': this.hasMousedown,
+        'v-expansion-panel-header--mousedown': this.hasMousedown
       }
     },
     isActive (): boolean {
@@ -60,7 +60,7 @@ export default baseMixins.extend({
     },
     isReadonly (): boolean {
       return this.expansionPanel.isReadonly
-    },
+    }
   },
 
   created () {
@@ -83,24 +83,24 @@ export default baseMixins.extend({
       return h(VFadeTransition, {}, () => [
         withDirectives(h('div', {
           class: ['v-expansion-panel-header__icon', {
-            'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate,
-          }],
+            'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate
+          }]
         }, icon), [
           [
             vShow,
-            !this.isDisabled,
-          ],
-        ]),
+            !this.isDisabled
+          ]
+        ])
       ])
-    },
+    }
   },
 
   render (): VNode {
     const directives = [
       [
         Ripple,
-        this.ripple,
-      ],
+        this.ripple
+      ]
     ]
 
     return withDirectives(h('button', this.setBackgroundColor(this.color, {
@@ -111,10 +111,10 @@ export default baseMixins.extend({
       ...this.$listeners,
       onClick: this.onClick,
       onMousedown: () => (this.hasMousedown = true),
-      onMouseup: () => (this.hasMousedown = false),
+      onMouseup: () => (this.hasMousedown = false)
     }), [
       getSlot(this, 'default', { open: this.isActive }, true),
-      this.hideActions || this.genIcon(),
-    ]), directives)
-  },
+      this.hideActions || this.genIcon()
+    ]), directives as any)
+  }
 })

package/src/components/VExpansionPanel/VExpansionPanels.ts

@@ -19,7 +19,7 @@ export default defineComponent({
 
   provide (): object {
     return {
-      expansionPanels: this,
+      expansionPanels: this
     }
   },
 
@@ -32,7 +32,7 @@ export default defineComponent({
     inset: Boolean,
     popout: Boolean,
     readonly: Boolean,
-    tile: Boolean,
+    tile: Boolean
   },
 
   computed: {
@@ -46,9 +46,9 @@ export default defineComponent({
         'v-expansion-panels--focusable': this.focusable,
         'v-expansion-panels--inset': this.inset,
         'v-expansion-panels--popout': this.popout,
-        'v-expansion-panels--tile': this.tile,
+        'v-expansion-panels--tile': this.tile
       }
-    },
+    }
   },
 
   created () {
@@ -74,6 +74,6 @@ export default defineComponent({
 
       item.isActive = this.toggleMethod(value)
       item.nextIsActive = this.toggleMethod(nextValue)
-    },
-  },
+    }
+  }
 })