@svgrid/grid 2.1.22 → 2.2.0

package/src/a11y.test.ts

@@ -1,59 +1,59 @@
-import { describe, expect, it } from 'vitest'
-import {
-  getGridCellA11yProps,
-  getGridHeaderA11yProps,
-  getGridRootA11yProps,
-  getGridRowA11yProps,
-} from './a11y'
-
-describe('a11y helpers', () => {
-  it('returns grid role props', () => {
-    expect(
-      getGridRootA11yProps({
-        activeDescendantId: 'svgrid_cell_0_0',
-        rowCount: 10,
-        colCount: 5,
-      }),
-    ).toEqual({
-      role: 'grid',
-      tabindex: 0,
-      'aria-activedescendant': 'svgrid_cell_0_0',
-      'aria-rowcount': 10,
-      'aria-colcount': 5,
-    })
-  })
-
-  it('returns header sort semantics', () => {
-    expect(
-      getGridHeaderA11yProps({
-        sortable: true,
-        sortDirection: 'ascending',
-      }),
-    ).toEqual({
-      role: 'columnheader',
-      'aria-sort': 'ascending',
-    })
-  })
-
-  it('returns row and cell indices for accessibility metadata', () => {
-    expect(getGridRowA11yProps(2)).toEqual({
-      role: 'row',
-      'aria-rowindex': 2,
-    })
-
-    expect(
-      getGridCellA11yProps({
-        id: 'svgrid_cell_2_3',
-        rowIndex: 2,
-        colIndex: 3,
-        selected: true,
-      }),
-    ).toEqual({
-      role: 'gridcell',
-      id: 'svgrid_cell_2_3',
-      'aria-colindex': 3,
-      'aria-rowindex': 2,
-      'aria-selected': true,
-    })
-  })
-})
+import { describe, expect, it } from 'vitest'
+import {
+  getGridCellA11yProps,
+  getGridHeaderA11yProps,
+  getGridRootA11yProps,
+  getGridRowA11yProps,
+} from './a11y'
+
+describe('a11y helpers', () => {
+  it('returns grid role props', () => {
+    expect(
+      getGridRootA11yProps({
+        activeDescendantId: 'svgrid_cell_0_0',
+        rowCount: 10,
+        colCount: 5,
+      }),
+    ).toEqual({
+      role: 'grid',
+      tabindex: 0,
+      'aria-activedescendant': 'svgrid_cell_0_0',
+      'aria-rowcount': 10,
+      'aria-colcount': 5,
+    })
+  })
+
+  it('returns header sort semantics', () => {
+    expect(
+      getGridHeaderA11yProps({
+        sortable: true,
+        sortDirection: 'ascending',
+      }),
+    ).toEqual({
+      role: 'columnheader',
+      'aria-sort': 'ascending',
+    })
+  })
+
+  it('returns row and cell indices for accessibility metadata', () => {
+    expect(getGridRowA11yProps(2)).toEqual({
+      role: 'row',
+      'aria-rowindex': 2,
+    })
+
+    expect(
+      getGridCellA11yProps({
+        id: 'svgrid_cell_2_3',
+        rowIndex: 2,
+        colIndex: 3,
+        selected: true,
+      }),
+    ).toEqual({
+      role: 'gridcell',
+      id: 'svgrid_cell_2_3',
+      'aria-colindex': 3,
+      'aria-rowindex': 2,
+      'aria-selected': true,
+    })
+  })
+})

package/src/a11y.ts

@@ -1,61 +1,61 @@
-export type GridSortDirection = 'ascending' | 'descending' | 'none' | 'other'
-
-export type GridColumnA11yInput = {
-  sortable?: boolean
-  sortDirection?: GridSortDirection
-}
-
-export type GridCellA11yInput = {
-  colIndex?: number
-  rowIndex?: number
-  selected?: boolean
-  id?: string
-}
-
-export function getGridRootA11yProps(input: {
-  activeDescendantId?: string | null
-  rowCount?: number
-  colCount?: number
-  /** Use the treegrid role (expandable server group / tree rows are present). */
-  treegrid?: boolean
-} = {}) {
-  return {
-    role: input.treegrid ? 'treegrid' : 'grid',
-    tabindex: 0,
-    ...(input.activeDescendantId
-      ? { 'aria-activedescendant': input.activeDescendantId }
-      : {}),
-    ...(input.rowCount !== undefined ? { 'aria-rowcount': input.rowCount } : {}),
-    ...(input.colCount !== undefined ? { 'aria-colcount': input.colCount } : {}),
-  } as const
-}
-
-export function getGridHeaderA11yProps(input: GridColumnA11yInput = {}) {
-  const { sortable = false, sortDirection = 'none' } = input
-  return {
-    role: 'columnheader',
-    ...(sortable ? { 'aria-sort': sortDirection } : {}),
-  } as const
-}
-
-export function getGridRowA11yProps(rowIndex?: number) {
-  return {
-    role: 'row',
-    ...(rowIndex !== undefined ? { 'aria-rowindex': rowIndex } : {}),
-  } as const
-}
-
-export function getGridCellA11yProps(input: GridCellA11yInput = {}) {
-  const { colIndex, rowIndex, selected = false, id } = input
-  return {
-    role: 'gridcell',
-    ...(id ? { id } : {}),
-    ...(colIndex !== undefined ? { 'aria-colindex': colIndex } : {}),
-    ...(rowIndex !== undefined ? { 'aria-rowindex': rowIndex } : {}),
-    'aria-selected': selected,
-  } as const
-}
-
-export function getGridCellDomId(baseId: string, rowIndex: number, colIndex: number) {
-  return `${baseId}_cell_${rowIndex}_${colIndex}`
-}
+export type GridSortDirection = 'ascending' | 'descending' | 'none' | 'other'
+
+export type GridColumnA11yInput = {
+  sortable?: boolean
+  sortDirection?: GridSortDirection
+}
+
+export type GridCellA11yInput = {
+  colIndex?: number
+  rowIndex?: number
+  selected?: boolean
+  id?: string
+}
+
+export function getGridRootA11yProps(input: {
+  activeDescendantId?: string | null
+  rowCount?: number
+  colCount?: number
+  /** Use the treegrid role (expandable server group / tree rows are present). */
+  treegrid?: boolean
+} = {}) {
+  return {
+    role: input.treegrid ? 'treegrid' : 'grid',
+    tabindex: 0,
+    ...(input.activeDescendantId
+      ? { 'aria-activedescendant': input.activeDescendantId }
+      : {}),
+    ...(input.rowCount !== undefined ? { 'aria-rowcount': input.rowCount } : {}),
+    ...(input.colCount !== undefined ? { 'aria-colcount': input.colCount } : {}),
+  } as const
+}
+
+export function getGridHeaderA11yProps(input: GridColumnA11yInput = {}) {
+  const { sortable = false, sortDirection = 'none' } = input
+  return {
+    role: 'columnheader',
+    ...(sortable ? { 'aria-sort': sortDirection } : {}),
+  } as const
+}
+
+export function getGridRowA11yProps(rowIndex?: number) {
+  return {
+    role: 'row',
+    ...(rowIndex !== undefined ? { 'aria-rowindex': rowIndex } : {}),
+  } as const
+}
+
+export function getGridCellA11yProps(input: GridCellA11yInput = {}) {
+  const { colIndex, rowIndex, selected = false, id } = input
+  return {
+    role: 'gridcell',
+    ...(id ? { id } : {}),
+    ...(colIndex !== undefined ? { 'aria-colindex': colIndex } : {}),
+    ...(rowIndex !== undefined ? { 'aria-rowindex': rowIndex } : {}),
+    'aria-selected': selected,
+  } as const
+}
+
+export function getGridCellDomId(baseId: string, rowIndex: number, colIndex: number) {
+  return `${baseId}_cell_${rowIndex}_${colIndex}`
+}