@react-spectrum/tree 3.0.0-alpha.0 → 3.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/TreeView.main.js +99 -99
  2. package/dist/TreeView.main.js.map +1 -1
  3. package/dist/TreeView.mjs +100 -100
  4. package/dist/TreeView.module.js +99 -99
  5. package/dist/TreeView.module.js.map +1 -1
  6. package/dist/types.d.ts +5 -3
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +14 -14
  9. package/src/TreeView.tsx +8 -6
package/dist/TreeView.mjs CHANGED
@@ -40,28 +40,28 @@ function $48b8113347121625$var$useTreeRendererContext() {
40
40
  // scroll into view due to how the ring is offset. Alternatively, have the tree render the top/bottom outline like it does in Listview
41
41
  const $48b8113347121625$var$tree = function anonymous(props) {
42
42
  let rules = "";
43
- rules += " wc";
44
- rules += " xc";
45
- rules += " ua";
46
- rules += " va";
47
- rules += " __ka";
48
- rules += " Aa";
49
- rules += " ca___y";
50
- rules += " ca";
51
- if (props.isEmpty) rules += " _Vd";
52
- if (props.isEmpty) rules += " _Uc";
53
- if (props.isEmpty) rules += " oY";
54
- if (props.isEmpty) rules += " nY";
55
- if (props.isEmpty) rules += " _Sd";
43
+ rules += ' wc';
44
+ rules += ' xc';
45
+ rules += ' ua';
46
+ rules += ' va';
47
+ rules += ' __ka';
48
+ rules += ' Aa';
49
+ rules += ' ca___y';
50
+ rules += ' ca';
51
+ if (props.isEmpty) rules += ' _Vd';
52
+ if (props.isEmpty) rules += ' _Uc';
53
+ if (props.isEmpty) rules += ' oY';
54
+ if (props.isEmpty) rules += ' nY';
55
+ if (props.isEmpty) rules += ' _Sd';
56
56
  return rules;
57
57
  };
58
58
  function $48b8113347121625$var$TreeView(props, ref) {
59
59
  let { children: children, selectionStyle: selectionStyle } = props;
60
60
  let renderer;
61
- if (typeof children === "function") renderer = children;
61
+ if (typeof children === 'function') renderer = children;
62
62
  let { styleProps: styleProps } = (0, $FHprs$useStyleProps)(props);
63
63
  let domRef = (0, $FHprs$useDOMRef)(ref);
64
- let selectionBehavior = selectionStyle === "highlight" ? "replace" : "toggle";
64
+ let selectionBehavior = selectionStyle === 'highlight' ? 'replace' : 'toggle';
65
65
  return /*#__PURE__*/ (0, $FHprs$react).createElement($48b8113347121625$var$TreeRendererContext.Provider, {
66
66
  value: {
67
67
  renderer: renderer
@@ -78,99 +78,99 @@ function $48b8113347121625$var$TreeView(props, ref) {
78
78
  }
79
79
  const $48b8113347121625$var$treeRow = function anonymous(props) {
80
80
  let rules = "";
81
- rules += " Xc";
82
- rules += " _Sd";
83
- rules += " nk";
84
- rules += " oY";
85
- rules += " __ka";
86
- rules += " _6c";
87
- rules += " _7d";
88
- rules += " _9b";
89
- rules += " a___K";
90
- rules += " _Ea";
91
- if (props.isLink) rules += " __Ec";
92
- else rules += " __Eb";
93
- if (props.isSelected) rules += " b-7vr0l1";
94
- else if (props.isPressed) rules += " b-1t6gvb8";
95
- else if (props.isFocusVisibleWithin) rules += " b-ml9cvk";
96
- else if (props.isHovered) rules += " b-ml9cvk";
81
+ rules += ' Xc';
82
+ rules += ' _Sd';
83
+ rules += ' nk';
84
+ rules += ' oY';
85
+ rules += ' __ka';
86
+ rules += ' _6c';
87
+ rules += ' _7d';
88
+ rules += ' _9b';
89
+ rules += ' a___K';
90
+ rules += ' _Ea';
91
+ if (props.isLink) rules += ' __Ec';
92
+ else rules += ' __Eb';
93
+ if (props.isSelected) rules += ' b-7vr0l1';
94
+ else if (props.isPressed) rules += ' b-1t6gvb8';
95
+ else if (props.isFocusVisibleWithin) rules += ' b-ml9cvk';
96
+ else if (props.isHovered) rules += ' b-ml9cvk';
97
97
  return rules;
98
98
  };
99
99
  const $48b8113347121625$var$treeCellGrid = function anonymous(props) {
100
100
  let rules = "";
101
- rules += " _Sf";
102
- rules += " oY";
103
- rules += " _Uc";
104
- rules += " __d-1nxidkl-1nxidkl-1nxidkl-zjkg1z-1nxidkl-375yi6-1nxidkl-ykdwf2";
105
- rules += " __e-375yi6";
106
- rules += " __f-1qk85yo";
101
+ rules += ' _Sf';
102
+ rules += ' oY';
103
+ rules += ' _Uc';
104
+ rules += ' __d-1nxidkl-1nxidkl-1nxidkl-zjkg1z-1nxidkl-375yi6-1nxidkl-ykdwf2';
105
+ rules += ' __e-375yi6';
106
+ rules += ' __f-1qk85yo';
107
107
  if (props.isDisabled) {
108
- rules += " aa___F";
109
- rules += " ai";
108
+ rules += ' aa___F';
109
+ rules += ' ai';
110
110
  }
111
111
  return rules;
112
112
  };
113
113
  // TODO: These styles lose against the spectrum class names, so I've did unsafe for the ones that get overridden
114
114
  const $48b8113347121625$var$treeCheckbox = function anonymous(props) {
115
115
  let rules = "";
116
- rules += " __g-4wahvw";
117
- rules += " _J-37nn5o";
118
- rules += " Cd";
119
- rules += " Da";
116
+ rules += ' __g-4wahvw';
117
+ rules += ' _J-37nn5o';
118
+ rules += ' Cd';
119
+ rules += ' Da';
120
120
  return rules;
121
121
  };
122
122
  const $48b8113347121625$var$treeIcon = function anonymous(props) {
123
123
  let rules = "";
124
- rules += " __g-ykjmzy";
125
- rules += " Dc";
124
+ rules += ' __g-ykjmzy';
125
+ rules += ' Dc';
126
126
  return rules;
127
127
  };
128
128
  const $48b8113347121625$var$treeContent = function anonymous(props) {
129
129
  let rules = "";
130
- rules += " __g-1mod4sg";
131
- rules += " _ga";
132
- rules += " _kb";
133
- rules += " __sb";
134
- rules += " __tb";
130
+ rules += ' __g-1mod4sg';
131
+ rules += ' _ga';
132
+ rules += ' _kb';
133
+ rules += ' __sb';
134
+ rules += ' __tb';
135
135
  return rules;
136
136
  };
137
137
  const $48b8113347121625$var$treeActions = function anonymous(props) {
138
138
  let rules = "";
139
- rules += " __g-8ayfo6";
140
- rules += " _3-3t1x";
141
- rules += " _2-3t1x";
142
- rules += " CF";
143
- rules += " Db";
139
+ rules += ' __g-8ayfo6';
140
+ rules += ' _3-3t1x';
141
+ rules += ' _2-3t1x';
142
+ rules += ' CF';
143
+ rules += ' Db';
144
144
  return rules;
145
145
  };
146
146
  const $48b8113347121625$var$treeActionMenu = function anonymous(props) {
147
147
  let rules = "";
148
- rules += " __g-wit6hk";
149
- rules += " oi";
148
+ rules += ' __g-wit6hk';
149
+ rules += ' oi';
150
150
  return rules;
151
151
  };
152
152
  const $48b8113347121625$var$treeRowOutline = function anonymous(props) {
153
153
  let rules = "";
154
- rules += " _Sa";
155
- rules += " Xa";
156
- rules += " Ya";
157
- rules += " Za";
154
+ rules += ' _Sa';
155
+ rules += ' Xa';
156
+ rules += ' Ya';
157
+ rules += ' Za';
158
158
  if (props.isSelected) {
159
- if (props.isFocusVisible) rules += " _0-yj8a3w";
160
- else rules += " _0-yj899n";
161
- } else if (props.isFocusVisible) rules += " _0-yj8a3w";
162
- else rules += " _0a";
163
- rules += " _2a";
164
- rules += " __ya";
165
- rules += " _tb";
159
+ if (props.isFocusVisible) rules += ' _0-yj8a3w';
160
+ else rules += ' _0-yj899n';
161
+ } else if (props.isFocusVisible) rules += ' _0-yj8a3w';
162
+ else rules += ' _0a';
163
+ rules += ' _2a';
164
+ rules += ' __ya';
165
+ rules += ' _tb';
166
166
  if (props.isSelected) {
167
- if (props.isFocusVisible) rules += " _oa-4bhpmf";
168
- else rules += " _oa-zlnqab";
169
- } else if (props.isFocusVisible) rules += " _oa-4bhpmf";
167
+ if (props.isFocusVisible) rules += ' _oa-4bhpmf';
168
+ else rules += ' _oa-zlnqab';
169
+ } else if (props.isFocusVisible) rules += ' _oa-4bhpmf';
170
170
  if (props.isSelected) {
171
- if (props.isFocusVisible) rules += " _o-ba5uxf";
172
- else rules += " _o-1ytnijz";
173
- } else if (props.isFocusVisible) rules += " _o-ba5uxf";
171
+ if (props.isFocusVisible) rules += ' _o-ba5uxf';
172
+ else rules += ' _o-1ytnijz';
173
+ } else if (props.isFocusVisible) rules += ' _o-ba5uxf';
174
174
  return rules;
175
175
  };
176
176
  const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
@@ -180,7 +180,7 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
180
180
  let { renderer: renderer } = $48b8113347121625$var$useTreeRendererContext();
181
181
  // TODO alternative api is that we have a separate prop for the TreeItems contents and expect the child to then be
182
182
  // a nested tree item
183
- if (typeof children === "string") content = /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$Text), null, children);
183
+ if (typeof children === 'string') content = /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$Text), null, children);
184
184
  else {
185
185
  content = [];
186
186
  nestedRows = [];
@@ -203,17 +203,17 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
203
203
  className: $48b8113347121625$var$treeCellGrid({
204
204
  isDisabled: isDisabled
205
205
  })
206
- }, selectionMode !== "none" && selectionBehavior === "toggle" && // TODO: add transition?
206
+ }, selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
207
207
  /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$Checkbox), {
208
208
  isEmphasized: true,
209
209
  UNSAFE_className: $48b8113347121625$var$treeCheckbox(),
210
210
  UNSAFE_style: {
211
- paddingInlineEnd: "0px"
211
+ paddingInlineEnd: '0px'
212
212
  },
213
213
  slot: "selection"
214
214
  }), /*#__PURE__*/ (0, $FHprs$react).createElement("div", {
215
215
  style: {
216
- gridArea: "level-padding",
216
+ gridArea: 'level-padding',
217
217
  marginInlineEnd: `calc(${level - 1} * var(--spectrum-global-dimension-size-200))`
218
218
  }
219
219
  }), (hasChildRows || hasChildItems) && /*#__PURE__*/ (0, $FHprs$react).createElement($48b8113347121625$var$ExpandableRowChevron, {
@@ -230,7 +230,7 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
230
230
  // but could crop up later for other components
231
231
  icon: {
232
232
  UNSAFE_className: $48b8113347121625$var$treeIcon(),
233
- size: "S"
233
+ size: 'S'
234
234
  },
235
235
  actionButton: {
236
236
  UNSAFE_className: $48b8113347121625$var$treeActions(),
@@ -239,15 +239,15 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
239
239
  actionGroup: {
240
240
  UNSAFE_className: $48b8113347121625$var$treeActions(),
241
241
  isQuiet: true,
242
- density: "compact",
243
- buttonLabelBehavior: "hide",
242
+ density: 'compact',
243
+ buttonLabelBehavior: 'hide',
244
244
  isDisabled: isDisabled,
245
- overflowMode: "collapse"
245
+ overflowMode: 'collapse'
246
246
  },
247
247
  actionMenu: {
248
248
  UNSAFE_className: $48b8113347121625$var$treeActionMenu(),
249
249
  UNSAFE_style: {
250
- marginInlineEnd: ".5rem"
250
+ marginInlineEnd: '.5rem'
251
251
  },
252
252
  isQuiet: true
253
253
  }
@@ -261,33 +261,33 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
261
261
  };
262
262
  const $48b8113347121625$var$expandButton = function anonymous(props) {
263
263
  let rules = "";
264
- rules += " __g-pn4rxq";
265
- rules += " nY";
266
- rules += " _4b";
267
- rules += " _Sd";
268
- rules += " _0a";
269
- rules += " _Tb";
270
- rules += " _Vd";
271
- rules += " _Ea";
264
+ rules += ' __g-pn4rxq';
265
+ rules += ' nY';
266
+ rules += ' _4b';
267
+ rules += ' _Sd';
268
+ rules += ' _0a';
269
+ rules += ' _Tb';
270
+ rules += ' _Vd';
271
+ rules += ' _Ea';
272
272
  if (props.isExpanded) {
273
- if (props.isRTL) rules += " W-negfvv";
274
- else rules += " W-10b8jr2";
273
+ if (props.isRTL) rules += ' W-negfvv';
274
+ else rules += ' W-10b8jr2';
275
275
  }
276
- rules += " _H-1o2fh9e";
276
+ rules += ' _H-1o2fh9e';
277
277
  return rules;
278
278
  };
279
279
  function $48b8113347121625$var$ExpandableRowChevron(props) {
280
- let expandButtonRef = (0, $FHprs$useRef)();
280
+ let expandButtonRef = (0, $FHprs$useRef)(null);
281
281
  let [fullProps, ref] = (0, $FHprs$useContextProps)({
282
282
  ...props,
283
- slot: "chevron"
283
+ slot: 'chevron'
284
284
  }, expandButtonRef, (0, $FHprs$ButtonContext));
285
285
  let { isExpanded: isExpanded, isDisabled: isDisabled } = fullProps;
286
286
  let { direction: direction } = (0, $FHprs$useLocale)();
287
287
  // Will need to keep the chevron as a button for iOS VO at all times since VO doesn't focus the cell. Also keep as button if cellAction is defined by the user in the future
288
288
  let { buttonProps: buttonProps } = (0, $FHprs$useButton)({
289
289
  ...fullProps,
290
- elementType: "span"
290
+ elementType: 'span'
291
291
  }, ref);
292
292
  return /*#__PURE__*/ (0, $FHprs$react).createElement("span", {
293
293
  ...buttonProps,
@@ -297,9 +297,9 @@ function $48b8113347121625$var$ExpandableRowChevron(props) {
297
297
  className: $48b8113347121625$var$expandButton({
298
298
  isExpanded: isExpanded,
299
299
  isDisabled: isDisabled,
300
- isRTL: direction === "rtl"
300
+ isRTL: direction === 'rtl'
301
301
  })
302
- }, direction === "ltr" ? /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronRightMedium), null) : /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronLeftMedium), null));
302
+ }, direction === 'ltr' ? /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronRightMedium), null) : /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronLeftMedium), null));
303
303
  }
304
304
  /**
305
305
  * A tree view provides users with a way to navigate nested hierarchical information.
@@ -307,4 +307,4 @@ function $48b8113347121625$var$ExpandableRowChevron(props) {
307
307
 
308
308
 
309
309
  export {$48b8113347121625$export$6e77ea6719814e9c as TreeViewItem, $48b8113347121625$export$6940b0d9c820eca7 as TreeView};
310
- //# sourceMappingURL=TreeView.mjs.map
310
+ //# sourceMappingURL=TreeView.module.js.map
package/dist/TreeView.module.js CHANGED
@@ -40,28 +40,28 @@ function $48b8113347121625$var$useTreeRendererContext() {
40
40
  // scroll into view due to how the ring is offset. Alternatively, have the tree render the top/bottom outline like it does in Listview
41
41
  const $48b8113347121625$var$tree = function anonymous(props) {
42
42
  let rules = "";
43
- rules += " wc";
44
- rules += " xc";
45
- rules += " ua";
46
- rules += " va";
47
- rules += " __ka";
48
- rules += " Aa";
49
- rules += " ca___y";
50
- rules += " ca";
51
- if (props.isEmpty) rules += " _Vd";
52
- if (props.isEmpty) rules += " _Uc";
53
- if (props.isEmpty) rules += " oY";
54
- if (props.isEmpty) rules += " nY";
55
- if (props.isEmpty) rules += " _Sd";
43
+ rules += ' wc';
44
+ rules += ' xc';
45
+ rules += ' ua';
46
+ rules += ' va';
47
+ rules += ' __ka';
48
+ rules += ' Aa';
49
+ rules += ' ca___y';
50
+ rules += ' ca';
51
+ if (props.isEmpty) rules += ' _Vd';
52
+ if (props.isEmpty) rules += ' _Uc';
53
+ if (props.isEmpty) rules += ' oY';
54
+ if (props.isEmpty) rules += ' nY';
55
+ if (props.isEmpty) rules += ' _Sd';
56
56
  return rules;
57
57
  };
58
58
  function $48b8113347121625$var$TreeView(props, ref) {
59
59
  let { children: children, selectionStyle: selectionStyle } = props;
60
60
  let renderer;
61
- if (typeof children === "function") renderer = children;
61
+ if (typeof children === 'function') renderer = children;
62
62
  let { styleProps: styleProps } = (0, $FHprs$useStyleProps)(props);
63
63
  let domRef = (0, $FHprs$useDOMRef)(ref);
64
- let selectionBehavior = selectionStyle === "highlight" ? "replace" : "toggle";
64
+ let selectionBehavior = selectionStyle === 'highlight' ? 'replace' : 'toggle';
65
65
  return /*#__PURE__*/ (0, $FHprs$react).createElement($48b8113347121625$var$TreeRendererContext.Provider, {
66
66
  value: {
67
67
  renderer: renderer
@@ -78,99 +78,99 @@ function $48b8113347121625$var$TreeView(props, ref) {
78
78
  }
79
79
  const $48b8113347121625$var$treeRow = function anonymous(props) {
80
80
  let rules = "";
81
- rules += " Xc";
82
- rules += " _Sd";
83
- rules += " nk";
84
- rules += " oY";
85
- rules += " __ka";
86
- rules += " _6c";
87
- rules += " _7d";
88
- rules += " _9b";
89
- rules += " a___K";
90
- rules += " _Ea";
91
- if (props.isLink) rules += " __Ec";
92
- else rules += " __Eb";
93
- if (props.isSelected) rules += " b-7vr0l1";
94
- else if (props.isPressed) rules += " b-1t6gvb8";
95
- else if (props.isFocusVisibleWithin) rules += " b-ml9cvk";
96
- else if (props.isHovered) rules += " b-ml9cvk";
81
+ rules += ' Xc';
82
+ rules += ' _Sd';
83
+ rules += ' nk';
84
+ rules += ' oY';
85
+ rules += ' __ka';
86
+ rules += ' _6c';
87
+ rules += ' _7d';
88
+ rules += ' _9b';
89
+ rules += ' a___K';
90
+ rules += ' _Ea';
91
+ if (props.isLink) rules += ' __Ec';
92
+ else rules += ' __Eb';
93
+ if (props.isSelected) rules += ' b-7vr0l1';
94
+ else if (props.isPressed) rules += ' b-1t6gvb8';
95
+ else if (props.isFocusVisibleWithin) rules += ' b-ml9cvk';
96
+ else if (props.isHovered) rules += ' b-ml9cvk';
97
97
  return rules;
98
98
  };
99
99
  const $48b8113347121625$var$treeCellGrid = function anonymous(props) {
100
100
  let rules = "";
101
- rules += " _Sf";
102
- rules += " oY";
103
- rules += " _Uc";
104
- rules += " __d-1nxidkl-1nxidkl-1nxidkl-zjkg1z-1nxidkl-375yi6-1nxidkl-ykdwf2";
105
- rules += " __e-375yi6";
106
- rules += " __f-1qk85yo";
101
+ rules += ' _Sf';
102
+ rules += ' oY';
103
+ rules += ' _Uc';
104
+ rules += ' __d-1nxidkl-1nxidkl-1nxidkl-zjkg1z-1nxidkl-375yi6-1nxidkl-ykdwf2';
105
+ rules += ' __e-375yi6';
106
+ rules += ' __f-1qk85yo';
107
107
  if (props.isDisabled) {
108
- rules += " aa___F";
109
- rules += " ai";
108
+ rules += ' aa___F';
109
+ rules += ' ai';
110
110
  }
111
111
  return rules;
112
112
  };
113
113
  // TODO: These styles lose against the spectrum class names, so I've did unsafe for the ones that get overridden
114
114
  const $48b8113347121625$var$treeCheckbox = function anonymous(props) {
115
115
  let rules = "";
116
- rules += " __g-4wahvw";
117
- rules += " _J-37nn5o";
118
- rules += " Cd";
119
- rules += " Da";
116
+ rules += ' __g-4wahvw';
117
+ rules += ' _J-37nn5o';
118
+ rules += ' Cd';
119
+ rules += ' Da';
120
120
  return rules;
121
121
  };
122
122
  const $48b8113347121625$var$treeIcon = function anonymous(props) {
123
123
  let rules = "";
124
- rules += " __g-ykjmzy";
125
- rules += " Dc";
124
+ rules += ' __g-ykjmzy';
125
+ rules += ' Dc';
126
126
  return rules;
127
127
  };
128
128
  const $48b8113347121625$var$treeContent = function anonymous(props) {
129
129
  let rules = "";
130
- rules += " __g-1mod4sg";
131
- rules += " _ga";
132
- rules += " _kb";
133
- rules += " __sb";
134
- rules += " __tb";
130
+ rules += ' __g-1mod4sg';
131
+ rules += ' _ga';
132
+ rules += ' _kb';
133
+ rules += ' __sb';
134
+ rules += ' __tb';
135
135
  return rules;
136
136
  };
137
137
  const $48b8113347121625$var$treeActions = function anonymous(props) {
138
138
  let rules = "";
139
- rules += " __g-8ayfo6";
140
- rules += " _3-3t1x";
141
- rules += " _2-3t1x";
142
- rules += " CF";
143
- rules += " Db";
139
+ rules += ' __g-8ayfo6';
140
+ rules += ' _3-3t1x';
141
+ rules += ' _2-3t1x';
142
+ rules += ' CF';
143
+ rules += ' Db';
144
144
  return rules;
145
145
  };
146
146
  const $48b8113347121625$var$treeActionMenu = function anonymous(props) {
147
147
  let rules = "";
148
- rules += " __g-wit6hk";
149
- rules += " oi";
148
+ rules += ' __g-wit6hk';
149
+ rules += ' oi';
150
150
  return rules;
151
151
  };
152
152
  const $48b8113347121625$var$treeRowOutline = function anonymous(props) {
153
153
  let rules = "";
154
- rules += " _Sa";
155
- rules += " Xa";
156
- rules += " Ya";
157
- rules += " Za";
154
+ rules += ' _Sa';
155
+ rules += ' Xa';
156
+ rules += ' Ya';
157
+ rules += ' Za';
158
158
  if (props.isSelected) {
159
- if (props.isFocusVisible) rules += " _0-yj8a3w";
160
- else rules += " _0-yj899n";
161
- } else if (props.isFocusVisible) rules += " _0-yj8a3w";
162
- else rules += " _0a";
163
- rules += " _2a";
164
- rules += " __ya";
165
- rules += " _tb";
159
+ if (props.isFocusVisible) rules += ' _0-yj8a3w';
160
+ else rules += ' _0-yj899n';
161
+ } else if (props.isFocusVisible) rules += ' _0-yj8a3w';
162
+ else rules += ' _0a';
163
+ rules += ' _2a';
164
+ rules += ' __ya';
165
+ rules += ' _tb';
166
166
  if (props.isSelected) {
167
- if (props.isFocusVisible) rules += " _oa-4bhpmf";
168
- else rules += " _oa-zlnqab";
169
- } else if (props.isFocusVisible) rules += " _oa-4bhpmf";
167
+ if (props.isFocusVisible) rules += ' _oa-4bhpmf';
168
+ else rules += ' _oa-zlnqab';
169
+ } else if (props.isFocusVisible) rules += ' _oa-4bhpmf';
170
170
  if (props.isSelected) {
171
- if (props.isFocusVisible) rules += " _o-ba5uxf";
172
- else rules += " _o-1ytnijz";
173
- } else if (props.isFocusVisible) rules += " _o-ba5uxf";
171
+ if (props.isFocusVisible) rules += ' _o-ba5uxf';
172
+ else rules += ' _o-1ytnijz';
173
+ } else if (props.isFocusVisible) rules += ' _o-ba5uxf';
174
174
  return rules;
175
175
  };
176
176
  const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
@@ -180,7 +180,7 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
180
180
  let { renderer: renderer } = $48b8113347121625$var$useTreeRendererContext();
181
181
  // TODO alternative api is that we have a separate prop for the TreeItems contents and expect the child to then be
182
182
  // a nested tree item
183
- if (typeof children === "string") content = /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$Text), null, children);
183
+ if (typeof children === 'string') content = /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$Text), null, children);
184
184
  else {
185
185
  content = [];
186
186
  nestedRows = [];
@@ -203,17 +203,17 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
203
203
  className: $48b8113347121625$var$treeCellGrid({
204
204
  isDisabled: isDisabled
205
205
  })
206
- }, selectionMode !== "none" && selectionBehavior === "toggle" && // TODO: add transition?
206
+ }, selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
207
207
  /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$Checkbox), {
208
208
  isEmphasized: true,
209
209
  UNSAFE_className: $48b8113347121625$var$treeCheckbox(),
210
210
  UNSAFE_style: {
211
- paddingInlineEnd: "0px"
211
+ paddingInlineEnd: '0px'
212
212
  },
213
213
  slot: "selection"
214
214
  }), /*#__PURE__*/ (0, $FHprs$react).createElement("div", {
215
215
  style: {
216
- gridArea: "level-padding",
216
+ gridArea: 'level-padding',
217
217
  marginInlineEnd: `calc(${level - 1} * var(--spectrum-global-dimension-size-200))`
218
218
  }
219
219
  }), (hasChildRows || hasChildItems) && /*#__PURE__*/ (0, $FHprs$react).createElement($48b8113347121625$var$ExpandableRowChevron, {
@@ -230,7 +230,7 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
230
230
  // but could crop up later for other components
231
231
  icon: {
232
232
  UNSAFE_className: $48b8113347121625$var$treeIcon(),
233
- size: "S"
233
+ size: 'S'
234
234
  },
235
235
  actionButton: {
236
236
  UNSAFE_className: $48b8113347121625$var$treeActions(),
@@ -239,15 +239,15 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
239
239
  actionGroup: {
240
240
  UNSAFE_className: $48b8113347121625$var$treeActions(),
241
241
  isQuiet: true,
242
- density: "compact",
243
- buttonLabelBehavior: "hide",
242
+ density: 'compact',
243
+ buttonLabelBehavior: 'hide',
244
244
  isDisabled: isDisabled,
245
- overflowMode: "collapse"
245
+ overflowMode: 'collapse'
246
246
  },
247
247
  actionMenu: {
248
248
  UNSAFE_className: $48b8113347121625$var$treeActionMenu(),
249
249
  UNSAFE_style: {
250
- marginInlineEnd: ".5rem"
250
+ marginInlineEnd: '.5rem'
251
251
  },
252
252
  isQuiet: true
253
253
  }
@@ -261,33 +261,33 @@ const $48b8113347121625$export$6e77ea6719814e9c = (props)=>{
261
261
  };
262
262
  const $48b8113347121625$var$expandButton = function anonymous(props) {
263
263
  let rules = "";
264
- rules += " __g-pn4rxq";
265
- rules += " nY";
266
- rules += " _4b";
267
- rules += " _Sd";
268
- rules += " _0a";
269
- rules += " _Tb";
270
- rules += " _Vd";
271
- rules += " _Ea";
264
+ rules += ' __g-pn4rxq';
265
+ rules += ' nY';
266
+ rules += ' _4b';
267
+ rules += ' _Sd';
268
+ rules += ' _0a';
269
+ rules += ' _Tb';
270
+ rules += ' _Vd';
271
+ rules += ' _Ea';
272
272
  if (props.isExpanded) {
273
- if (props.isRTL) rules += " W-negfvv";
274
- else rules += " W-10b8jr2";
273
+ if (props.isRTL) rules += ' W-negfvv';
274
+ else rules += ' W-10b8jr2';
275
275
  }
276
- rules += " _H-1o2fh9e";
276
+ rules += ' _H-1o2fh9e';
277
277
  return rules;
278
278
  };
279
279
  function $48b8113347121625$var$ExpandableRowChevron(props) {
280
- let expandButtonRef = (0, $FHprs$useRef)();
280
+ let expandButtonRef = (0, $FHprs$useRef)(null);
281
281
  let [fullProps, ref] = (0, $FHprs$useContextProps)({
282
282
  ...props,
283
- slot: "chevron"
283
+ slot: 'chevron'
284
284
  }, expandButtonRef, (0, $FHprs$ButtonContext));
285
285
  let { isExpanded: isExpanded, isDisabled: isDisabled } = fullProps;
286
286
  let { direction: direction } = (0, $FHprs$useLocale)();
287
287
  // Will need to keep the chevron as a button for iOS VO at all times since VO doesn't focus the cell. Also keep as button if cellAction is defined by the user in the future
288
288
  let { buttonProps: buttonProps } = (0, $FHprs$useButton)({
289
289
  ...fullProps,
290
- elementType: "span"
290
+ elementType: 'span'
291
291
  }, ref);
292
292
  return /*#__PURE__*/ (0, $FHprs$react).createElement("span", {
293
293
  ...buttonProps,
@@ -297,9 +297,9 @@ function $48b8113347121625$var$ExpandableRowChevron(props) {
297
297
  className: $48b8113347121625$var$expandButton({
298
298
  isExpanded: isExpanded,
299
299
  isDisabled: isDisabled,
300
- isRTL: direction === "rtl"
300
+ isRTL: direction === 'rtl'
301
301
  })
302
- }, direction === "ltr" ? /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronRightMedium), null) : /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronLeftMedium), null));
302
+ }, direction === 'ltr' ? /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronRightMedium), null) : /*#__PURE__*/ (0, $FHprs$react).createElement((0, $FHprs$spectrumiconsuiChevronLeftMedium), null));
303
303
  }
304
304
  /**
305
305
  * A tree view provides users with a way to navigate nested hierarchical information.