@react-aria/table 3.14.1-nightly.4624 → 3.14.1

package/dist/TableKeyboardDelegate.main.js

@@ -21,14 +21,14 @@ $parcel$export(module.exports, "TableKeyboardDelegate", () => $a911ff492b884835$
 
 class $a911ff492b884835$export$da43f8f5cb04028d extends (0, $heEpC$reactariagrid.GridKeyboardDelegate) {
     isCell(node) {
-        return node.type === "cell" || node.type === "rowheader" || node.type === "column";
+        return node.type === 'cell' || node.type === 'rowheader' || node.type === 'column';
     }
     getKeyBelow(key) {
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
         // If focus was on a column, then focus the first child column if any,
         // or find the corresponding cell in the first row.
-        if (startItem.type === "column") {
+        if (startItem.type === 'column') {
             let child = (0, $heEpC$reactstatelycollections.getFirstItem)((0, $heEpC$reactstatelycollections.getChildNodes)(startItem, this.collection));
             if (child) return child.key;
             let firstKey = this.getFirstKey();
@@ -42,14 +42,14 @@ class $a911ff492b884835$export$da43f8f5cb04028d extends (0, $heEpC$reactariagrid
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
         // If focus was on a column, focus the parent column if any
-        if (startItem.type === "column") {
+        if (startItem.type === 'column') {
             let parent = this.collection.getItem(startItem.parentKey);
-            if (parent && parent.type === "column") return parent.key;
+            if (parent && parent.type === 'column') return parent.key;
             return;
         }
         // only return above row key if not header row
         let superKey = super.getKeyAbove(key);
-        if (superKey != null && this.collection.getItem(superKey).type !== "headerrow") return superKey;
+        if (superKey != null && this.collection.getItem(superKey).type !== 'headerrow') return superKey;
         // If no item was found, and focus was on a cell, then focus the
         // corresponding column header.
         if (this.isCell(startItem)) return this.collection.columns[startItem.index].key;
@@ -58,17 +58,17 @@ class $a911ff492b884835$export$da43f8f5cb04028d extends (0, $heEpC$reactariagrid
     }
     findNextColumnKey(column) {
         // Search following columns
-        let key = this.findNextKey(column.key, (item)=>item.type === "column");
+        let key = this.findNextKey(column.key, (item)=>item.type === 'column');
         if (key != null) return key;
         // Wrap around to the first column
         let row = this.collection.headerRows[column.level];
         for (let item of (0, $heEpC$reactstatelycollections.getChildNodes)(row, this.collection)){
-            if (item.type === "column") return item.key;
+            if (item.type === 'column') return item.key;
         }
     }
     findPreviousColumnKey(column) {
         // Search previous columns
-        let key = this.findPreviousKey(column.key, (item)=>item.type === "column");
+        let key = this.findPreviousKey(column.key, (item)=>item.type === 'column');
         if (key != null) return key;
         // Wrap around to the last column
         let row = this.collection.headerRows[column.level];
@@ -77,21 +77,21 @@ class $a911ff492b884835$export$da43f8f5cb04028d extends (0, $heEpC$reactariagrid
         ];
         for(let i = childNodes.length - 1; i >= 0; i--){
             let item = childNodes[i];
-            if (item.type === "column") return item.key;
+            if (item.type === 'column') return item.key;
         }
     }
     getKeyRightOf(key) {
         let item = this.collection.getItem(key);
         if (!item) return;
         // If focus was on a column, then focus the next column
-        if (item.type === "column") return this.direction === "rtl" ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
+        if (item.type === 'column') return this.direction === 'rtl' ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
         return super.getKeyRightOf(key);
     }
     getKeyLeftOf(key) {
         let item = this.collection.getItem(key);
         if (!item) return;
         // If focus was on a column, then focus the previous column
-        if (item.type === "column") return this.direction === "rtl" ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
+        if (item.type === 'column') return this.direction === 'rtl' ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
         return super.getKeyLeftOf(key);
     }
     getKeyForSearch(search, fromKey) {
@@ -101,7 +101,7 @@ class $a911ff492b884835$export$da43f8f5cb04028d extends (0, $heEpC$reactariagrid
         if (key == null) return null;
         // If the starting key is a cell, search from its parent row.
         let startItem = collection.getItem(key);
-        if (startItem.type === "cell") key = startItem.parentKey;
+        if (startItem.type === 'cell') key = startItem.parentKey;
         let hasWrapped = false;
         while(key != null){
             let item = collection.getItem(key);
@@ -113,7 +113,7 @@ class $a911ff492b884835$export$da43f8f5cb04028d extends (0, $heEpC$reactariagrid
                     if (this.collator.compare(substring, search) === 0) {
                         // If we started on a cell, end on the matching cell. Otherwise, end on the row.
                         let fromItem = fromKey != null ? collection.getItem(fromKey) : startItem;
-                        return fromItem.type === "cell" ? cell.key : item.key;
+                        return fromItem.type === 'cell' ? cell.key : item.key;
                     }
                 }
             }

package/dist/TableKeyboardDelegate.mjs

@@ -15,14 +15,14 @@ import {GridKeyboardDelegate as $eIXPM$GridKeyboardDelegate} from "@react-aria/g
 
 class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardDelegate) {
     isCell(node) {
-        return node.type === "cell" || node.type === "rowheader" || node.type === "column";
+        return node.type === 'cell' || node.type === 'rowheader' || node.type === 'column';
     }
     getKeyBelow(key) {
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
         // If focus was on a column, then focus the first child column if any,
         // or find the corresponding cell in the first row.
-        if (startItem.type === "column") {
+        if (startItem.type === 'column') {
             let child = (0, $eIXPM$getFirstItem)((0, $eIXPM$getChildNodes)(startItem, this.collection));
             if (child) return child.key;
             let firstKey = this.getFirstKey();
@@ -36,14 +36,14 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
         // If focus was on a column, focus the parent column if any
-        if (startItem.type === "column") {
+        if (startItem.type === 'column') {
             let parent = this.collection.getItem(startItem.parentKey);
-            if (parent && parent.type === "column") return parent.key;
+            if (parent && parent.type === 'column') return parent.key;
             return;
         }
         // only return above row key if not header row
         let superKey = super.getKeyAbove(key);
-        if (superKey != null && this.collection.getItem(superKey).type !== "headerrow") return superKey;
+        if (superKey != null && this.collection.getItem(superKey).type !== 'headerrow') return superKey;
         // If no item was found, and focus was on a cell, then focus the
         // corresponding column header.
         if (this.isCell(startItem)) return this.collection.columns[startItem.index].key;
@@ -52,17 +52,17 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
     }
     findNextColumnKey(column) {
         // Search following columns
-        let key = this.findNextKey(column.key, (item)=>item.type === "column");
+        let key = this.findNextKey(column.key, (item)=>item.type === 'column');
         if (key != null) return key;
         // Wrap around to the first column
         let row = this.collection.headerRows[column.level];
         for (let item of (0, $eIXPM$getChildNodes)(row, this.collection)){
-            if (item.type === "column") return item.key;
+            if (item.type === 'column') return item.key;
         }
     }
     findPreviousColumnKey(column) {
         // Search previous columns
-        let key = this.findPreviousKey(column.key, (item)=>item.type === "column");
+        let key = this.findPreviousKey(column.key, (item)=>item.type === 'column');
         if (key != null) return key;
         // Wrap around to the last column
         let row = this.collection.headerRows[column.level];
@@ -71,21 +71,21 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
         ];
         for(let i = childNodes.length - 1; i >= 0; i--){
             let item = childNodes[i];
-            if (item.type === "column") return item.key;
+            if (item.type === 'column') return item.key;
         }
     }
     getKeyRightOf(key) {
         let item = this.collection.getItem(key);
         if (!item) return;
         // If focus was on a column, then focus the next column
-        if (item.type === "column") return this.direction === "rtl" ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
+        if (item.type === 'column') return this.direction === 'rtl' ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
         return super.getKeyRightOf(key);
     }
     getKeyLeftOf(key) {
         let item = this.collection.getItem(key);
         if (!item) return;
         // If focus was on a column, then focus the previous column
-        if (item.type === "column") return this.direction === "rtl" ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
+        if (item.type === 'column') return this.direction === 'rtl' ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
         return super.getKeyLeftOf(key);
     }
     getKeyForSearch(search, fromKey) {
@@ -95,7 +95,7 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
         if (key == null) return null;
         // If the starting key is a cell, search from its parent row.
         let startItem = collection.getItem(key);
-        if (startItem.type === "cell") key = startItem.parentKey;
+        if (startItem.type === 'cell') key = startItem.parentKey;
         let hasWrapped = false;
         while(key != null){
             let item = collection.getItem(key);
@@ -107,7 +107,7 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
                     if (this.collator.compare(substring, search) === 0) {
                         // If we started on a cell, end on the matching cell. Otherwise, end on the row.
                         let fromItem = fromKey != null ? collection.getItem(fromKey) : startItem;
-                        return fromItem.type === "cell" ? cell.key : item.key;
+                        return fromItem.type === 'cell' ? cell.key : item.key;
                     }
                 }
             }

package/dist/TableKeyboardDelegate.module.js

@@ -15,14 +15,14 @@ import {GridKeyboardDelegate as $eIXPM$GridKeyboardDelegate} from "@react-aria/g
 
 class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardDelegate) {
     isCell(node) {
-        return node.type === "cell" || node.type === "rowheader" || node.type === "column";
+        return node.type === 'cell' || node.type === 'rowheader' || node.type === 'column';
     }
     getKeyBelow(key) {
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
         // If focus was on a column, then focus the first child column if any,
         // or find the corresponding cell in the first row.
-        if (startItem.type === "column") {
+        if (startItem.type === 'column') {
             let child = (0, $eIXPM$getFirstItem)((0, $eIXPM$getChildNodes)(startItem, this.collection));
             if (child) return child.key;
             let firstKey = this.getFirstKey();
@@ -36,14 +36,14 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
         // If focus was on a column, focus the parent column if any
-        if (startItem.type === "column") {
+        if (startItem.type === 'column') {
             let parent = this.collection.getItem(startItem.parentKey);
-            if (parent && parent.type === "column") return parent.key;
+            if (parent && parent.type === 'column') return parent.key;
             return;
         }
         // only return above row key if not header row
         let superKey = super.getKeyAbove(key);
-        if (superKey != null && this.collection.getItem(superKey).type !== "headerrow") return superKey;
+        if (superKey != null && this.collection.getItem(superKey).type !== 'headerrow') return superKey;
         // If no item was found, and focus was on a cell, then focus the
         // corresponding column header.
         if (this.isCell(startItem)) return this.collection.columns[startItem.index].key;
@@ -52,17 +52,17 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
     }
     findNextColumnKey(column) {
         // Search following columns
-        let key = this.findNextKey(column.key, (item)=>item.type === "column");
+        let key = this.findNextKey(column.key, (item)=>item.type === 'column');
         if (key != null) return key;
         // Wrap around to the first column
         let row = this.collection.headerRows[column.level];
         for (let item of (0, $eIXPM$getChildNodes)(row, this.collection)){
-            if (item.type === "column") return item.key;
+            if (item.type === 'column') return item.key;
         }
     }
     findPreviousColumnKey(column) {
         // Search previous columns
-        let key = this.findPreviousKey(column.key, (item)=>item.type === "column");
+        let key = this.findPreviousKey(column.key, (item)=>item.type === 'column');
         if (key != null) return key;
         // Wrap around to the last column
         let row = this.collection.headerRows[column.level];
@@ -71,21 +71,21 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
         ];
         for(let i = childNodes.length - 1; i >= 0; i--){
             let item = childNodes[i];
-            if (item.type === "column") return item.key;
+            if (item.type === 'column') return item.key;
         }
     }
     getKeyRightOf(key) {
         let item = this.collection.getItem(key);
         if (!item) return;
         // If focus was on a column, then focus the next column
-        if (item.type === "column") return this.direction === "rtl" ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
+        if (item.type === 'column') return this.direction === 'rtl' ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
         return super.getKeyRightOf(key);
     }
     getKeyLeftOf(key) {
         let item = this.collection.getItem(key);
         if (!item) return;
         // If focus was on a column, then focus the previous column
-        if (item.type === "column") return this.direction === "rtl" ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
+        if (item.type === 'column') return this.direction === 'rtl' ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
         return super.getKeyLeftOf(key);
     }
     getKeyForSearch(search, fromKey) {
@@ -95,7 +95,7 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
         if (key == null) return null;
         // If the starting key is a cell, search from its parent row.
         let startItem = collection.getItem(key);
-        if (startItem.type === "cell") key = startItem.parentKey;
+        if (startItem.type === 'cell') key = startItem.parentKey;
         let hasWrapped = false;
         while(key != null){
             let item = collection.getItem(key);
@@ -107,7 +107,7 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends (0, $eIXPM$GridKeyboardD
                     if (this.collator.compare(substring, search) === 0) {
                         // If we started on a cell, end on the matching cell. Otherwise, end on the row.
                         let fromItem = fromKey != null ? collection.getItem(fromKey) : startItem;
-                        return fromItem.type === "cell" ? cell.key : item.key;
+                        return fromItem.type === 'cell' ? cell.key : item.key;
                     }
                 }
             }

package/dist/useTable.main.js

@@ -42,8 +42,8 @@ function $25d14c0f8fad722e$export$25bceaac3c7e4dc7(props, state, ref) {
     // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
     // When virtualized, the layout object will be passed in as a prop and override this.
     let collator = (0, $aZ1Oy$reactariai18n.useCollator)({
-        usage: "search",
-        sensitivity: "base"
+        usage: 'search',
+        sensitivity: 'base'
     });
     let { direction: direction } = (0, $aZ1Oy$reactariai18n.useLocale)();
     let disabledBehavior = state.selectionManager.disabledBehavior;
@@ -73,10 +73,10 @@ function $25d14c0f8fad722e$export$25bceaac3c7e4dc7(props, state, ref) {
         keyboardDelegate: delegate
     }, state, ref);
     // Override to include header rows
-    if (isVirtualized) gridProps["aria-rowcount"] = state.collection.size + state.collection.headerRows.length;
-    if ((0, $aZ1Oy$reactstatelyflags.tableNestedRows)() && "expandedKeys" in state) gridProps.role = "treegrid";
+    if (isVirtualized) gridProps['aria-rowcount'] = state.collection.size + state.collection.headerRows.length;
+    if ((0, $aZ1Oy$reactstatelyflags.tableNestedRows)() && 'expandedKeys' in state) gridProps.role = 'treegrid';
     let { column: column, direction: sortDirection } = state.sortDescriptor || {};
-    let stringFormatter = (0, $aZ1Oy$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), "@react-aria/table");
+    let stringFormatter = (0, $aZ1Oy$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), '@react-aria/table');
     let sortDescription = (0, $aZ1Oy$react.useMemo)(()=>{
         var _state_collection_columns_find;
         let columnName = (_state_collection_columns_find = state.collection.columns.find((c)=>c.key === column)) === null || _state_collection_columns_find === void 0 ? void 0 : _state_collection_columns_find.textValue;
@@ -92,17 +92,17 @@ function $25d14c0f8fad722e$export$25bceaac3c7e4dc7(props, state, ref) {
     let descriptionProps = (0, $aZ1Oy$reactariautils.useDescription)(sortDescription);
     // Only announce after initial render, tabbing to the table will tell you the initial sort info already
     (0, $aZ1Oy$reactariautils.useUpdateEffect)(()=>{
-        (0, $aZ1Oy$reactarialiveannouncer.announce)(sortDescription, "assertive", 500);
+        (0, $aZ1Oy$reactarialiveannouncer.announce)(sortDescription, 'assertive', 500);
     }, [
         sortDescription
     ]);
     return {
         gridProps: (0, $aZ1Oy$reactariautils.mergeProps)(gridProps, descriptionProps, {
             // merge sort description with long press information
-            "aria-describedby": [
-                descriptionProps["aria-describedby"],
-                gridProps["aria-describedby"]
-            ].filter(Boolean).join(" ")
+            'aria-describedby': [
+                descriptionProps['aria-describedby'],
+                gridProps['aria-describedby']
+            ].filter(Boolean).join(' ')
         })
     };
 }

package/dist/useTable.mjs

@@ -36,8 +36,8 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
     // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
     // When virtualized, the layout object will be passed in as a prop and override this.
     let collator = (0, $dDeJM$useCollator)({
-        usage: "search",
-        sensitivity: "base"
+        usage: 'search',
+        sensitivity: 'base'
     });
     let { direction: direction } = (0, $dDeJM$useLocale)();
     let disabledBehavior = state.selectionManager.disabledBehavior;
@@ -67,10 +67,10 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
         keyboardDelegate: delegate
     }, state, ref);
     // Override to include header rows
-    if (isVirtualized) gridProps["aria-rowcount"] = state.collection.size + state.collection.headerRows.length;
-    if ((0, $dDeJM$tableNestedRows)() && "expandedKeys" in state) gridProps.role = "treegrid";
+    if (isVirtualized) gridProps['aria-rowcount'] = state.collection.size + state.collection.headerRows.length;
+    if ((0, $dDeJM$tableNestedRows)() && 'expandedKeys' in state) gridProps.role = 'treegrid';
     let { column: column, direction: sortDirection } = state.sortDescriptor || {};
-    let stringFormatter = (0, $dDeJM$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dDeJM$intlStringsmodulejs))), "@react-aria/table");
+    let stringFormatter = (0, $dDeJM$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dDeJM$intlStringsmodulejs))), '@react-aria/table');
     let sortDescription = (0, $dDeJM$useMemo)(()=>{
         var _state_collection_columns_find;
         let columnName = (_state_collection_columns_find = state.collection.columns.find((c)=>c.key === column)) === null || _state_collection_columns_find === void 0 ? void 0 : _state_collection_columns_find.textValue;
@@ -86,17 +86,17 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
     let descriptionProps = (0, $dDeJM$useDescription)(sortDescription);
     // Only announce after initial render, tabbing to the table will tell you the initial sort info already
     (0, $dDeJM$useUpdateEffect)(()=>{
-        (0, $dDeJM$announce)(sortDescription, "assertive", 500);
+        (0, $dDeJM$announce)(sortDescription, 'assertive', 500);
     }, [
         sortDescription
     ]);
     return {
         gridProps: (0, $dDeJM$mergeProps)(gridProps, descriptionProps, {
             // merge sort description with long press information
-            "aria-describedby": [
-                descriptionProps["aria-describedby"],
-                gridProps["aria-describedby"]
-            ].filter(Boolean).join(" ")
+            'aria-describedby': [
+                descriptionProps['aria-describedby'],
+                gridProps['aria-describedby']
+            ].filter(Boolean).join(' ')
         })
     };
 }

package/dist/useTable.module.js

@@ -36,8 +36,8 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
     // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
     // When virtualized, the layout object will be passed in as a prop and override this.
     let collator = (0, $dDeJM$useCollator)({
-        usage: "search",
-        sensitivity: "base"
+        usage: 'search',
+        sensitivity: 'base'
     });
     let { direction: direction } = (0, $dDeJM$useLocale)();
     let disabledBehavior = state.selectionManager.disabledBehavior;
@@ -67,10 +67,10 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
         keyboardDelegate: delegate
     }, state, ref);
     // Override to include header rows
-    if (isVirtualized) gridProps["aria-rowcount"] = state.collection.size + state.collection.headerRows.length;
-    if ((0, $dDeJM$tableNestedRows)() && "expandedKeys" in state) gridProps.role = "treegrid";
+    if (isVirtualized) gridProps['aria-rowcount'] = state.collection.size + state.collection.headerRows.length;
+    if ((0, $dDeJM$tableNestedRows)() && 'expandedKeys' in state) gridProps.role = 'treegrid';
     let { column: column, direction: sortDirection } = state.sortDescriptor || {};
-    let stringFormatter = (0, $dDeJM$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dDeJM$intlStringsmodulejs))), "@react-aria/table");
+    let stringFormatter = (0, $dDeJM$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dDeJM$intlStringsmodulejs))), '@react-aria/table');
     let sortDescription = (0, $dDeJM$useMemo)(()=>{
         var _state_collection_columns_find;
         let columnName = (_state_collection_columns_find = state.collection.columns.find((c)=>c.key === column)) === null || _state_collection_columns_find === void 0 ? void 0 : _state_collection_columns_find.textValue;
@@ -86,17 +86,17 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
     let descriptionProps = (0, $dDeJM$useDescription)(sortDescription);
     // Only announce after initial render, tabbing to the table will tell you the initial sort info already
     (0, $dDeJM$useUpdateEffect)(()=>{
-        (0, $dDeJM$announce)(sortDescription, "assertive", 500);
+        (0, $dDeJM$announce)(sortDescription, 'assertive', 500);
     }, [
         sortDescription
     ]);
     return {
         gridProps: (0, $dDeJM$mergeProps)(gridProps, descriptionProps, {
             // merge sort description with long press information
-            "aria-describedby": [
-                descriptionProps["aria-describedby"],
-                gridProps["aria-describedby"]
-            ].filter(Boolean).join(" ")
+            'aria-describedby': [
+                descriptionProps['aria-describedby'],
+                gridProps['aria-describedby']
+            ].filter(Boolean).join(' ')
         })
     };
 }

package/dist/useTableCell.main.js

@@ -23,7 +23,7 @@ function $32387a1f2c61cda2$export$49571c903d73624c(props, state, ref) {
     let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $8iEv8$reactariagrid.useGridCell)(props, state, ref);
     let columnKey = props.node.column.key;
     if (state.collection.rowHeaderColumnKeys.has(columnKey)) {
-        gridCellProps.role = "rowheader";
+        gridCellProps.role = 'rowheader';
         gridCellProps.id = (0, $6acf696f746f932c$exports.getCellId)(state, props.node.parentKey, columnKey);
     }
     return {

package/dist/useTableCell.mjs

@@ -17,7 +17,7 @@ function $7713593715703b24$export$49571c903d73624c(props, state, ref) {
     let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $1jd6q$useGridCell)(props, state, ref);
     let columnKey = props.node.column.key;
     if (state.collection.rowHeaderColumnKeys.has(columnKey)) {
-        gridCellProps.role = "rowheader";
+        gridCellProps.role = 'rowheader';
         gridCellProps.id = (0, $2140fb2337097f2d$export$19baff3266315d44)(state, props.node.parentKey, columnKey);
     }
     return {

package/dist/useTableCell.module.js

@@ -17,7 +17,7 @@ function $7713593715703b24$export$49571c903d73624c(props, state, ref) {
     let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $1jd6q$useGridCell)(props, state, ref);
     let columnKey = props.node.column.key;
     if (state.collection.rowHeaderColumnKeys.has(columnKey)) {
-        gridCellProps.role = "rowheader";
+        gridCellProps.role = 'rowheader';
         gridCellProps.id = (0, $2140fb2337097f2d$export$19baff3266315d44)(state, props.node.parentKey, columnKey);
     }
     return {

package/dist/useTableColumnHeader.main.js

@@ -42,9 +42,9 @@ function $7669c34a63ef0113$export$9514819a8c81e960(props, state, ref) {
     // if there are no focusable children, the column header will focus the cell
     let { gridCellProps: gridCellProps } = (0, $33PgG$reactariagrid.useGridCell)({
         ...props,
-        focusMode: "child"
+        focusMode: 'child'
     }, state, ref);
-    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
+    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';
     let { pressProps: pressProps } = (0, $33PgG$reactariainteractions.usePress)({
         isDisabled: !allowsSorting || isSelectionCellDisabled,
         onPress () {
@@ -58,11 +58,11 @@ function $7669c34a63ef0113$export$9514819a8c81e960(props, state, ref) {
     let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
     let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
     // aria-sort not supported in Android Talkback
-    if (node.props.allowsSorting && !(0, $33PgG$reactariautils.isAndroid)()) ariaSort = isSortedColumn ? sortDirection : "none";
-    let stringFormatter = (0, $33PgG$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), "@react-aria/table");
+    if (node.props.allowsSorting && !(0, $33PgG$reactariautils.isAndroid)()) ariaSort = isSortedColumn ? sortDirection : 'none';
+    let stringFormatter = (0, $33PgG$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), '@react-aria/table');
     let sortDescription;
     if (allowsSorting) {
-        sortDescription = `${stringFormatter.format("sortable")}`;
+        sortDescription = `${stringFormatter.format('sortable')}`;
         // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here
         if (isSortedColumn && sortDirection && (0, $33PgG$reactariautils.isAndroid)()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
     }
@@ -81,10 +81,10 @@ function $7669c34a63ef0113$export$9514819a8c81e960(props, state, ref) {
             shouldDisableFocus && {
                 tabIndex: -1
             }),
-            role: "columnheader",
+            role: 'columnheader',
             id: (0, $6acf696f746f932c$exports.getColumnHeaderId)(state, node.key),
-            "aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : null,
-            "aria-sort": ariaSort
+            'aria-colspan': node.colspan && node.colspan > 1 ? node.colspan : null,
+            'aria-sort': ariaSort
         }
     };
 }

package/dist/useTableColumnHeader.mjs

@@ -36,9 +36,9 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     // if there are no focusable children, the column header will focus the cell
     let { gridCellProps: gridCellProps } = (0, $cjB6b$useGridCell)({
         ...props,
-        focusMode: "child"
+        focusMode: 'child'
     }, state, ref);
-    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
+    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';
     let { pressProps: pressProps } = (0, $cjB6b$usePress)({
         isDisabled: !allowsSorting || isSelectionCellDisabled,
         onPress () {
@@ -52,11 +52,11 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
     let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
     // aria-sort not supported in Android Talkback
-    if (node.props.allowsSorting && !(0, $cjB6b$isAndroid)()) ariaSort = isSortedColumn ? sortDirection : "none";
-    let stringFormatter = (0, $cjB6b$useLocalizedStringFormatter)((0, ($parcel$interopDefault($cjB6b$intlStringsmodulejs))), "@react-aria/table");
+    if (node.props.allowsSorting && !(0, $cjB6b$isAndroid)()) ariaSort = isSortedColumn ? sortDirection : 'none';
+    let stringFormatter = (0, $cjB6b$useLocalizedStringFormatter)((0, ($parcel$interopDefault($cjB6b$intlStringsmodulejs))), '@react-aria/table');
     let sortDescription;
     if (allowsSorting) {
-        sortDescription = `${stringFormatter.format("sortable")}`;
+        sortDescription = `${stringFormatter.format('sortable')}`;
         // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here
         if (isSortedColumn && sortDirection && (0, $cjB6b$isAndroid)()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
     }
@@ -75,10 +75,10 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
             shouldDisableFocus && {
                 tabIndex: -1
             }),
-            role: "columnheader",
+            role: 'columnheader',
             id: (0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state, node.key),
-            "aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : null,
-            "aria-sort": ariaSort
+            'aria-colspan': node.colspan && node.colspan > 1 ? node.colspan : null,
+            'aria-sort': ariaSort
         }
     };
 }

package/dist/useTableColumnHeader.module.js

@@ -36,9 +36,9 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     // if there are no focusable children, the column header will focus the cell
     let { gridCellProps: gridCellProps } = (0, $cjB6b$useGridCell)({
         ...props,
-        focusMode: "child"
+        focusMode: 'child'
     }, state, ref);
-    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
+    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';
     let { pressProps: pressProps } = (0, $cjB6b$usePress)({
         isDisabled: !allowsSorting || isSelectionCellDisabled,
         onPress () {
@@ -52,11 +52,11 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
     let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
     // aria-sort not supported in Android Talkback
-    if (node.props.allowsSorting && !(0, $cjB6b$isAndroid)()) ariaSort = isSortedColumn ? sortDirection : "none";
-    let stringFormatter = (0, $cjB6b$useLocalizedStringFormatter)((0, ($parcel$interopDefault($cjB6b$intlStringsmodulejs))), "@react-aria/table");
+    if (node.props.allowsSorting && !(0, $cjB6b$isAndroid)()) ariaSort = isSortedColumn ? sortDirection : 'none';
+    let stringFormatter = (0, $cjB6b$useLocalizedStringFormatter)((0, ($parcel$interopDefault($cjB6b$intlStringsmodulejs))), '@react-aria/table');
     let sortDescription;
     if (allowsSorting) {
-        sortDescription = `${stringFormatter.format("sortable")}`;
+        sortDescription = `${stringFormatter.format('sortable')}`;
         // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here
         if (isSortedColumn && sortDirection && (0, $cjB6b$isAndroid)()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
     }
@@ -75,10 +75,10 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
             shouldDisableFocus && {
                 tabIndex: -1
             }),
-            role: "columnheader",
+            role: 'columnheader',
             id: (0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state, node.key),
-            "aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : null,
-            "aria-sort": ariaSort
+            'aria-colspan': node.colspan && node.colspan > 1 ? node.colspan : null,
+            'aria-sort': ariaSort
         }
     };
 }