@react-aria/tree 3.0.0-nightly.2852 → 3.0.0-nightly.2866

package/dist/zh-CN.module.js

@@ -0,0 +1,9 @@
+var $bca1931646cb2236$exports = {};
+$bca1931646cb2236$exports = {
+    "expand": `Expand`,
+    "collapse": `Collapse`
+};
+
+
+export {$bca1931646cb2236$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,UAAU,CAAC,MAAM,CAAC;IACpC,YAAY,CAAC,QAAQ,CAAC;AACxB","sources":["packages/@react-aria/tree/intl/zh-CN.json"],"sourcesContent":["{\n  \"expand\": \"Expand\",\n  \"collapse\": \"Collapse\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "expand": `Expand`,
+    "collapse": `Collapse`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,UAAU,CAAC,MAAM,CAAC;IACpC,YAAY,CAAC,QAAQ,CAAC;AACxB","sources":["packages/@react-aria/tree/intl/zh-TW.json"],"sourcesContent":["{\n  \"expand\": \"Expand\",\n  \"collapse\": \"Collapse\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,9 @@
+var $35be4b468e070ce1$exports = {};
+$35be4b468e070ce1$exports = {
+    "expand": `Expand`,
+    "collapse": `Collapse`
+};
+
+
+export {$35be4b468e070ce1$exports as default};
+//# sourceMappingURL=zh-TW.mjs.map

package/dist/zh-TW.module.js

@@ -0,0 +1,9 @@
+var $35be4b468e070ce1$exports = {};
+$35be4b468e070ce1$exports = {
+    "expand": `Expand`,
+    "collapse": `Collapse`
+};
+
+
+export {$35be4b468e070ce1$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,UAAU,CAAC,MAAM,CAAC;IACpC,YAAY,CAAC,QAAQ,CAAC;AACxB","sources":["packages/@react-aria/tree/intl/zh-TW.json"],"sourcesContent":["{\n  \"expand\": \"Expand\",\n  \"collapse\": \"Collapse\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/tree",
-  "version": "3.0.0-nightly.2852+315950cef",
+  "version": "3.0.0-nightly.2866+b09a14eb1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,10 +22,13 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/gridlist": "3.7.6-nightly.4564+315950cef",
-    "@react-aria/selection": "3.0.0-nightly.2852+315950cef",
-    "@react-stately/tree": "3.0.0-nightly.2852+315950cef",
-    "@react-types/shared": "3.0.0-nightly.2852+315950cef",
+    "@react-aria/gridlist": "3.7.6-nightly.4578+b09a14eb1",
+    "@react-aria/i18n": "3.0.0-nightly.2866+b09a14eb1",
+    "@react-aria/selection": "3.0.0-nightly.2866+b09a14eb1",
+    "@react-aria/utils": "3.0.0-nightly.2866+b09a14eb1",
+    "@react-stately/tree": "3.0.0-nightly.2866+b09a14eb1",
+    "@react-types/button": "3.9.3-nightly.4578+b09a14eb1",
+    "@react-types/shared": "3.0.0-nightly.2866+b09a14eb1",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
@@ -35,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "315950cef7952de30220661f62ab79ba6dcb59cc"
+  "gitHead": "b09a14eb1854d9d52e08739e30aa8fae51f1595a"
 }

package/src/useTreeGridListItem.ts

@@ -10,10 +10,15 @@
  * governing permissions and limitations under the License.
  */
 
+import {AriaButtonProps} from '@react-types/button';
 import {AriaGridListItemOptions, GridListItemAria, useGridListItem} from '@react-aria/gridlist';
 import {DOMAttributes, FocusableElement, Node} from '@react-types/shared';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {isAndroid} from '@react-aria/utils';
 import {RefObject} from 'react';
 import {TreeState} from '@react-stately/tree';
+import {useLocalizedStringFormatter} from '@react-aria/i18n';
 
 export interface AriaTreeGridListItemOptions extends Omit<AriaGridListItemOptions, 'isVirtualized'> {
   /** An object representing the treegrid item. Contains all the relevant information that makes up the treegrid row. */
@@ -25,8 +30,10 @@ export interface TreeGridListItemAria extends GridListItemAria {
   rowProps: DOMAttributes,
   /** Props for the tree grid cell element within the tree grid list row. */
   gridCellProps: DOMAttributes,
-  /** Props for the list item description element, if any. */
-  descriptionProps: DOMAttributes
+  /** Props for the tree grid row description element, if any. */
+  descriptionProps: DOMAttributes,
+  /** Props for the tree grid row expand button. */
+  expandButtonProps: AriaButtonProps
 }
 
 /**
@@ -36,6 +43,27 @@ export interface TreeGridListItemAria extends GridListItemAria {
  * @param ref - The ref attached to the row element.
  */
 export function useTreeGridListItem<T>(props: AriaTreeGridListItemOptions, state: TreeState<T>, ref: RefObject<FocusableElement>): TreeGridListItemAria {
-   // TODO: should it return a state specifically for isExpanded? Or is aria attribute sufficient?
-  return useGridListItem(props, state, ref);
+  let {node} = props;
+  let gridListAria = useGridListItem(props, state, ref);
+  let isExpanded = gridListAria.rowProps['aria-expanded'] === true;
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/tree');
+
+  let expandButtonProps = {
+    onPress: () => {
+      if (!gridListAria.isDisabled) {
+        state.toggleKey(node.key);
+        state.selectionManager.setFocused(true);
+        state.selectionManager.setFocusedKey(node.key);
+      }
+    },
+    'aria-label': isExpanded ? stringFormatter.format('collapse') : stringFormatter.format('expand'),
+    tabIndex: isAndroid() ? -1 : null,
+    'data-react-aria-prevent-focus': true
+  };
+
+  // TODO: should it return a state specifically for isExpanded? Or is aria attribute sufficient?
+  return {
+    ...gridListAria,
+    expandButtonProps
+  };
 }