vuetify 2.3.11 → 2.3.15

package/src/directives/intersect/__tests__/intersect.spec.ts

@@ -9,8 +9,8 @@ describe('resize.ts', () => {
 
     Intersect.inserted(el, {
       value: callback,
-      modifiers: { quiet: true } } as any
-    )
+      modifiers: { quiet: true },
+    } as any)
 
     expect((el as any)._observe).toBeTruthy()
     expect(callback).not.toHaveBeenCalled()

package/src/directives/ripple/__tests__/ripple.spec.ts

@@ -42,7 +42,7 @@ describe('ripple.ts', () => {
     const wrapper = mountFunction()
 
     const div = wrapper.find('div')
-    expect(div.element['_ripple'].enabled).toBe(true)
+    expect(div.element._ripple.enabled).toBe(true)
   })
 
   it('should update element property reactively', () => {
@@ -72,13 +72,13 @@ describe('ripple.ts', () => {
     })
 
     const div = wrapper.find('div')
-    expect(div.element['_ripple'].enabled).toBe(true)
+    expect(div.element._ripple.enabled).toBe(true)
 
     wrapper.setProps({ ripple: false })
-    expect(div.element['_ripple'].enabled).toBe(false)
+    expect(div.element._ripple.enabled).toBe(false)
 
     wrapper.setProps({ ripple: true })
-    expect(div.element['_ripple'].enabled).toBe(true)
+    expect(div.element._ripple.enabled).toBe(true)
   })
 
   it('should trigger ripple on mousedown', () => {

package/src/directives/ripple/index.ts

@@ -13,12 +13,12 @@ type VuetifyRippleEvent = MouseEvent | TouchEvent | KeyboardEvent
 const DELAY_RIPPLE = 80
 
 function transform (el: HTMLElement, value: string) {
-  el.style['transform'] = value
-  el.style['webkitTransform'] = value
+  el.style.transform = value
+  el.style.webkitTransform = value
 }
 
 function opacity (el: HTMLElement, value: number) {
-  el.style['opacity'] = value.toString()
+  el.style.opacity = value.toString()
 }
 
 export interface RippleOptions {

package/src/directives/touch/__tests__/touch.spec.ts

@@ -66,7 +66,7 @@ describe('touch.ts', () => {
     expect(down).toHaveBeenCalled()
   })
 
-  it('should not call directive handlers if distance is too small ', async () => {
+  it('should not call directive handlers if distance is too small', async () => {
     const down = jest.fn()
     touch(mountFunction({ down })).start(0, 0).end(0, 10)
     expect(down).not.toHaveBeenCalled()

package/src/install.ts

@@ -7,7 +7,10 @@ export function install (Vue: VueConstructor, args: VuetifyUseOptions = {}) {
   (install as any).installed = true
 
   if (OurVue !== Vue) {
-    consoleError('Multiple instances of Vue detected\nSee https://github.com/vuetifyjs/vuetify/issues/4068\n\nIf you\'re seeing "$attrs is readonly", it\'s caused by this')
+    consoleError(`Multiple instances of Vue detected
+See https://github.com/vuetifyjs/vuetify/issues/4068
+
+If you're seeing "$attrs is readonly", it's caused by this`)
   }
 
   const components = args.components || {}

package/src/locale/ca.ts

@@ -29,7 +29,7 @@ export default {
   datePicker: {
     itemsSelected: '{0} seleccionats',
     nextMonthAriaLabel: 'El mes que ve',
-    nextYearAriaLabel: 'L\'any que ve',
+    nextYearAriaLabel: `L'any que ve`,
     prevMonthAriaLabel: 'Mes anterior',
     prevYearAriaLabel: 'Any anterior',
   },

package/src/locale/fr.ts

@@ -3,7 +3,7 @@ export default {
   close: 'Fermer',
   dataIterator: {
     noResultsText: 'Aucun enregistrement correspondant trouvé',
-    loadingText: "Chargement de l'élément...",
+    loadingText: `Chargement de l'élément...`,
   },
   dataTable: {
     itemsPerPageText: 'Lignes par page:',
@@ -29,7 +29,7 @@ export default {
   datePicker: {
     itemsSelected: '{0} sélectionnés',
     nextMonthAriaLabel: 'Le mois prochain',
-    nextYearAriaLabel: 'L\'année prochaine',
+    nextYearAriaLabel: `L'année prochaine`,
     prevMonthAriaLabel: 'Le mois précédent',
     prevYearAriaLabel: 'Année précédente',
   },

package/src/locale/it.ts

@@ -11,7 +11,7 @@ export default {
       sortDescending: 'Ordinati in ordine decrescente.',
       sortAscending: 'Ordinati in ordine crescente.',
       sortNone: 'Non ordinato.',
-      activateNone: 'Attiva per rimuovere l\'ordinamento.',
+      activateNone: `Attiva per rimuovere l'ordinamento.`,
       activateDescending: 'Attiva per ordinare in ordine decrescente.',
       activateAscending: 'Attiva per ordinare in ordine crescente.',
     },
@@ -29,9 +29,9 @@ export default {
   datePicker: {
     itemsSelected: '{0} selezionati',
     nextMonthAriaLabel: 'Il prossimo mese',
-    nextYearAriaLabel: 'L\'anno prossimo',
+    nextYearAriaLabel: `L'anno prossimo`,
     prevMonthAriaLabel: 'Il mese scorso',
-    prevYearAriaLabel: 'L\'anno scorso',
+    prevYearAriaLabel: `L'anno scorso`,
   },
   noDataText: 'Nessun elemento disponibile',
   carousel: {

package/src/locale/th.ts

@@ -3,19 +3,19 @@ export default {
   close: 'ปิด',
   dataIterator: {
     noResultsText: 'ไม่พบข้อมูลที่ค้นหา',
-    loadingText: 'กำลังโหลดข้อมูล... กรุณารอสักครู่',
+    loadingText: 'กำลังโหลดข้อมูล...',
   },
   dataTable: {
     itemsPerPageText: 'แถวต่อหน้า:',
     ariaLabel: {
-      sortDescending: 'เรียงลำดับจากมากไปน้อย กดเพื่อปิดการเรียงลำดับ',
-      sortAscending: 'เรียงจากน้อยไปมาก กดเพื่อเรียงลำดับจากมากไปน้อย',
-      sortNone: 'ไม่ได้จัดเรียง กดเพื่อเรียงลำดับจากน้อยไปมาก',
-      activateNone: 'Activate to remove sorting.',
-      activateDescending: 'Activate to sort descending.',
-      activateAscending: 'Activate to sort ascending.',
+      sortDescending: 'เรียงจากมากไปน้อยอยู่',
+      sortAscending: 'เรียงจากน้อยไปมากอยู่',
+      sortNone: 'ไม่ได้เรียงลำดับ',
+      activateNone: 'กดเพื่อปิดการเรียงลำดับ',
+      activateDescending: 'กดเพื่อเรียงจากมากไปน้อย',
+      activateAscending: 'กดเพื่อเรียงจากน้อยไปมาก',
     },
-    sortBy: 'จัดเรียงตาม',
+    sortBy: 'เรียงตาม',
   },
   dataFooter: {
     itemsPerPageText: 'รายการต่อหน้า:',
@@ -28,21 +28,21 @@ export default {
   },
   datePicker: {
     itemsSelected: 'เลือก {0} วัน',
-    nextMonthAriaLabel: 'เดือนหน้า',
-    nextYearAriaLabel: 'ปีหน้า',
-    prevMonthAriaLabel: 'เดือนที่แล้ว',
-    prevYearAriaLabel: 'ปีก่อน',
+    nextMonthAriaLabel: 'เดือนถัดไป',
+    nextYearAriaLabel: 'ปีถัดไป',
+    prevMonthAriaLabel: 'เดือนก่อนหน้า',
+    prevYearAriaLabel: 'ปีก่อนหน้า',
   },
   noDataText: 'ไม่มีข้อมูล',
   carousel: {
     prev: 'ภาพก่อนหน้า',
-    next: 'ภาพต่อไป',
+    next: 'ภาพถัดไป',
     ariaLabel: {
-      delimiter: 'Carousel slide {0} of {1}',
+      delimiter: 'ภาพสไลด์ที่ {0} จาก {1}',
     },
   },
   calendar: {
-    moreEvents: 'อีก {0}',
+    moreEvents: 'มีอีก {0}',
   },
   fileInput: {
     counter: '{0} ไฟล์',
@@ -54,11 +54,11 @@ export default {
   },
   pagination: {
     ariaLabel: {
-      wrapper: 'การแบ่งหน้าการนำทาง',
+      wrapper: 'การนำทางไปยังหน้า',
       next: 'หน้าต่อไป',
       previous: 'หน้าที่แล้ว',
       page: 'ไปที่หน้า {0}',
-      currentPage: 'หน้าปัจจุบันหน้า {0}',
+      currentPage: 'หน้าปัจจุบัน (หน้า {0})',
     },
   },
 }

package/src/mixins/activatable/__tests__/activatable.spec.ts

@@ -104,7 +104,7 @@ describe('activatable.ts', () => {
     expect(runDelay).toHaveBeenLastCalledWith('close')
   })
 
-  it('should warn when activator hasn\'t got a scope', () => {
+  it(`should warn when activator hasn't got a scope`, () => {
     mountFunction({
       slots: {
         activator: '<div></div>',

package/src/mixins/detachable/__tests__/detachable.spec.ts

@@ -44,32 +44,6 @@ describe('detachable.ts', () => {
     wrapper.destroy()
   })
 
-  it('should not detach when lazy', async () => {
-    const localMock = Mock
-    const wrapper = mount(VApp, {
-      attachToDocument: true,
-      slots: {
-        default: [{
-          render: h => h(localMock),
-        }],
-      },
-      mocks: {
-        $vuetify: {
-          rtl: false,
-          theme: {
-            dark: false,
-          },
-        },
-      },
-    })
-
-    const detach = wrapper.find(localMock)
-
-    expect(detach.vm.hasDetached).toBe(false)
-
-    wrapper.destroy()
-  })
-
   it('should attach and detach', () => {
     const localMock = Mock
     const elementMock = mount(Mock)

package/src/mixins/groupable/index.ts

@@ -6,7 +6,6 @@ import { ExtractVue } from '../../util/mixins'
 import { VueConstructor } from 'vue'
 import { PropValidator } from 'vue/types/options'
 
-/* eslint-disable-next-line no-use-before-define */
 export type Groupable<T extends string, C extends VueConstructor | null = null> = VueConstructor<ExtractVue<Registrable<T, C>> & {
   activeClass: string
   isActive: boolean
@@ -67,7 +66,7 @@ export function factory<T extends string, C extends VueConstructor | null = null
   })
 }
 
-/* eslint-disable-next-line no-redeclare */
+/* eslint-disable-next-line @typescript-eslint/no-redeclare */
 const Groupable = factory('itemGroup')
 
 export default Groupable

package/src/mixins/proxyable/index.ts

@@ -1,6 +1,5 @@
 import Vue, { VueConstructor } from 'vue'
 
-/* eslint-disable-next-line no-use-before-define */
 export type Proxyable<T extends string = 'value'> = VueConstructor<Vue & {
   internalLazyValue: unknown
   internalValue: unknown
@@ -54,7 +53,7 @@ export function factory (
   })
 }
 
-/* eslint-disable-next-line no-redeclare */
+/* eslint-disable-next-line @typescript-eslint/no-redeclare */
 const Proxyable = factory()
 
 export default Proxyable

package/src/mixins/scrollable/__tests__/scrollable.spec.ts

@@ -103,7 +103,7 @@ describe('Scrollable.ts', () => {
     expect(wrapper.vm.savedScroll).toBe(0)
   })
 
-  it('should warn if target isn\'t present', async () => {
+  it(`should warn if target isn't present`, async () => {
     mountFunction({
       propsData: {
         scrollTarget: '#test',

package/src/mixins/themeable/index.ts

@@ -1,24 +1,14 @@
 import Vue from 'vue'
 import { PropType, RenderContext } from 'vue/types/options'
 
-/* eslint-disable-next-line no-use-before-define */
-interface Themeable extends Vue {
+interface options extends Vue {
   theme: {
     isDark: boolean
   }
 }
 
-export function functionalThemeClasses (context: RenderContext): object {
-  const vm = {
-    ...context.props,
-    ...context.injections,
-  }
-  const isDark = Themeable.options.computed.isDark.call(vm)
-  return Themeable.options.computed.themeClasses.call({ isDark })
-}
-
 /* @vue/component */
-const Themeable = Vue.extend<Themeable>().extend({
+const Themeable = Vue.extend<options>().extend({
   name: 'themeable',
 
   provide (): object {
@@ -110,3 +100,12 @@ const Themeable = Vue.extend<Themeable>().extend({
 })
 
 export default Themeable
+
+export function functionalThemeClasses (context: RenderContext): object {
+  const vm = {
+    ...context.props,
+    ...context.injections,
+  }
+  const isDark = Themeable.options.computed.isDark.call(vm)
+  return Themeable.options.computed.themeClasses.call({ isDark })
+}

package/src/mixins/toggleable/index.ts

@@ -1,6 +1,5 @@
 import Vue, { VueConstructor } from 'vue'
 
-/* eslint-disable-next-line no-use-before-define */
 export type Toggleable<T extends string = 'value'> = VueConstructor<Vue & { isActive: boolean } & Record<T, any>>
 
 export function factory<T extends string = 'value'> (prop?: T, event?: string): Toggleable<T>
@@ -31,7 +30,7 @@ export function factory (prop = 'value', event = 'input') {
   })
 }
 
-/* eslint-disable-next-line no-redeclare */
+/* eslint-disable-next-line @typescript-eslint/no-redeclare */
 const Toggleable = factory()
 
 export default Toggleable

package/src/mixins/validatable/__tests__/validatable.spec.ts

@@ -81,7 +81,7 @@ describe('validatable.ts', () => {
     expect(wrapper.vm.errorBucket).toEqual([])
 
     // Function failing
-    wrapper.setProps({ rules: [() => false || 'fizzbuzz'] })
+    wrapper.setProps({ rules: [() => 'fizzbuzz'] })
 
     wrapper.vm.validate()
 

package/src/services/application/__tests__/application.spec.ts

@@ -18,7 +18,7 @@ describe('Application.ts', () => {
     expect(app.bar).toBe(0)
   })
 
-  it('should not update if value doesn\'t exist in application', () => {
+  it(`should not update if value doesn't exist in application`, () => {
     const spy = jest.spyOn(app, 'update')
 
     app.register(0, 'top', 24)

package/src/services/goto/__tests__/goto.spec.ts

@@ -60,7 +60,7 @@ describe('$vuetify.goTo', () => {
   it('should not throw error when using VueComponent as target', async () => {
     const btn = mount(VBtn)
 
-    await expect(goTo(btn.vm, { duration: 0 })).resolves.not.toBe(undefined)
+    await expect(goTo(btn.vm, { duration: 0 })).resolves.not.toBeUndefined()
   })
 
   it('should instantiate and return goto', () => {

package/src/services/goto/index.ts

@@ -57,7 +57,6 @@ export default function goTo (
   if (!ease) throw new TypeError(`Easing function "${settings.easing}" not found.`)
 
   // Cannot be tested properly in jsdom
-  // tslint:disable-next-line:promise-must-complete
   /* istanbul ignore next */
   return new Promise(resolve => requestAnimationFrame(function step (currentTime: number) {
     const timeElapsed = currentTime - startTime

package/src/services/icons/__tests__/__snapshots__/icons.spec.ts.snap

@@ -29,7 +29,7 @@ Object {
   "radioOn": "mdi-radiobox-marked",
   "ratingEmpty": "mdi-star-outline",
   "ratingFull": "mdi-star",
-  "ratingHalf": "mdi-star-half",
+  "ratingHalf": "mdi-star-half-full",
   "sort": "mdi-arrow-up",
   "subgroup": "mdi-menu-down",
   "success": "mdi-check-circle",

package/src/services/icons/presets/mdi.ts

@@ -26,7 +26,7 @@ const icons: VuetifyIcons = {
   edit: 'mdi-pencil',
   ratingEmpty: 'mdi-star-outline',
   ratingFull: 'mdi-star',
-  ratingHalf: 'mdi-star-half',
+  ratingHalf: 'mdi-star-half-full',
   loading: 'mdi-cached',
   first: 'mdi-page-first',
   last: 'mdi-page-last',

package/src/services/theme/__tests__/theme.spec.ts

@@ -192,9 +192,9 @@ describe('Theme.ts', () => {
 
     theme.init(anyInstance)
 
-    expect(typeof anyInstance.$options['metaInfo']).toBe('function')
+    expect(typeof anyInstance.$options.metaInfo).toBe('function')
 
-    const metaInfo = anyInstance.$options['metaInfo']()
+    const metaInfo = anyInstance.$options.metaInfo()
 
     expect(metaInfo).toBeTruthy()
     expect(metaInfo.style).toHaveLength(1)

package/src/services/theme/index.ts

@@ -61,8 +61,8 @@ export class Theme extends Service {
     }
   }
 
-  // When setting css, check for element
-  // and apply new values
+  // When setting css, check for element and apply new values
+  /* eslint-disable-next-line accessor-pairs */
   set css (val: string) {
     if (this.vueMeta) {
       if (this.isVueMeta23) {

package/src/styles/settings/_dark.scss

@@ -3,17 +3,20 @@
 $material-dark-elevation-colors: () !default;
 // https://material.io/design/color/dark-theme.html#properties
 // https://material.io/design/environment/elevation.html#default-elevations
-$material-dark-elevation-colors: (
-  '0': #000000,
-  '1': #1E1E1E,
-  '2': #222222,
-  '3': #252525,
-  '4': #272727,
-  '6': #2C2C2C,
-  '8': #2E2E2E,
-  '12': #333333,
-  '16': #363636,
-  '24': #373737
+$material-dark-elevation-colors: map-deep-merge(
+  (
+    '0': #000000,
+    '1': #1E1E1E,
+    '2': #222222,
+    '3': #252525,
+    '4': #272727,
+    '6': #2C2C2C,
+    '8': #2E2E2E,
+    '12': #333333,
+    '16': #363636,
+    '24': #373737
+  ),
+  $material-dark-elevation-colors
 );
 
 $material-dark: () !default;

package/src/util/__tests__/helpers.spec.ts

@@ -106,7 +106,7 @@ describe('helpers', () => {
     expect(deepEqual(currentDate, futureDate)).toEqual(false)
     expect(deepEqual({ date: currentDate }, { date: futureDate })).toEqual(false)
 
-    const circular = {}
+    const circular = {} // eslint-disable-line sonarjs/prefer-object-literal
     circular.me = circular
 
     expect(deepEqual({ r: circular }, { r: circular })).toEqual(true)

package/src/util/helpers.ts

@@ -89,9 +89,13 @@ export function getNestedValue (obj: any, path: (string | number)[], fallback?:
 export function deepEqual (a: any, b: any): boolean {
   if (a === b) return true
 
-  if (a instanceof Date && b instanceof Date) {
-    // If the values are Date, they were convert to timestamp with getTime and compare it
-    if (a.getTime() !== b.getTime()) return false
+  if (
+    a instanceof Date &&
+    b instanceof Date &&
+    a.getTime() !== b.getTime()
+  ) {
+    // If the values are Date, compare them as timestamps
+    return false
   }
 
   if (a !== Object(a) || b !== Object(b)) {

package/types/index.d.ts

@@ -125,6 +125,7 @@ export interface DataScopeProps {
   options: DataOptions
   updateOptions: (obj: any) => void
   sort: (value: string) => void
+  sortArray: (sortBy: string[]) => void
   group: (value: string) => void
   groupedItems: ItemGroup<any>[] | null
 }

package/types/services/icons.d.ts

@@ -60,5 +60,8 @@ export interface VuetifyIcons {
   first: VuetifyIcon
   last: VuetifyIcon
   unfold: VuetifyIcon
+  file: VuetifyIcon
+  plus: VuetifyIcon
+  minus: VuetifyIcon
   [name: string]: VuetifyIcon
 }

package/src/mixins/groupable/__tests__/groupable.spec.ts

@@ -1,5 +0,0 @@
-describe('groupable.ts', () => {
-  it('should register and unregister', async () => {
-    //
-  })
-})