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

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 (28) hide show
  1. package/dist/TableKeyboardDelegate.main.js +13 -13
  2. package/dist/TableKeyboardDelegate.mjs +13 -13
  3. package/dist/TableKeyboardDelegate.module.js +13 -13
  4. package/dist/useTable.main.js +10 -10
  5. package/dist/useTable.mjs +10 -10
  6. package/dist/useTable.module.js +10 -10
  7. package/dist/useTableCell.main.js +1 -1
  8. package/dist/useTableCell.mjs +1 -1
  9. package/dist/useTableCell.module.js +1 -1
  10. package/dist/useTableColumnHeader.main.js +8 -8
  11. package/dist/useTableColumnHeader.mjs +8 -8
  12. package/dist/useTableColumnHeader.module.js +8 -8
  13. package/dist/useTableColumnResize.main.js +19 -19
  14. package/dist/useTableColumnResize.mjs +19 -19
  15. package/dist/useTableColumnResize.module.js +19 -19
  16. package/dist/useTableHeaderRow.main.js +2 -2
  17. package/dist/useTableHeaderRow.mjs +2 -2
  18. package/dist/useTableHeaderRow.module.js +2 -2
  19. package/dist/useTableRow.main.js +15 -15
  20. package/dist/useTableRow.mjs +15 -15
  21. package/dist/useTableRow.module.js +15 -15
  22. package/dist/useTableSelectionCheckbox.main.js +4 -4
  23. package/dist/useTableSelectionCheckbox.mjs +4 -4
  24. package/dist/useTableSelectionCheckbox.module.js +4 -4
  25. package/dist/utils.main.js +5 -5
  26. package/dist/utils.mjs +5 -5
  27. package/dist/utils.module.js +5 -5
  28. package/package.json +17 -17
package/dist/useTableColumnResize.main.js CHANGED
@@ -36,8 +36,8 @@ $parcel$export(module.exports, "useTableColumnResize", () => $16d645f9e2153641$e
36
36
 
37
37
 
38
38
  function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
39
- let { column: item, triggerRef: triggerRef, isDisabled: isDisabled, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, "aria-label": ariaLabel } = props;
40
- const stringFormatter = (0, $gDW2h$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), "@react-aria/table");
39
+ let { column: item, triggerRef: triggerRef, isDisabled: isDisabled, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, 'aria-label': ariaLabel } = props;
40
+ const stringFormatter = (0, $gDW2h$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), '@react-aria/table');
41
41
  let id = (0, $gDW2h$reactariautils.useId)();
42
42
  let isResizing = state.resizingColumn === item.key;
43
43
  let isResizingRef = (0, $gDW2h$react.useRef)(isResizing);
@@ -48,14 +48,14 @@ function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
48
48
  let { keyboardProps: keyboardProps } = (0, $gDW2h$reactariainteractions.useKeyboard)({
49
49
  onKeyDown: (e)=>{
50
50
  if (editModeEnabled) {
51
- if (e.key === "Escape" || e.key === "Enter" || e.key === " " || e.key === "Tab") {
51
+ if (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ' || e.key === 'Tab') {
52
52
  e.preventDefault();
53
53
  endResize(item);
54
54
  }
55
55
  } else {
56
56
  // Continue propagation on keydown events so they still bubbles to useSelectableCollection and are handled there
57
57
  e.continuePropagation();
58
- if (e.key === "Enter") startResize(item);
58
+ if (e.key === 'Enter') startResize(item);
59
59
  }
60
60
  }
61
61
  });
@@ -93,8 +93,8 @@ function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
93
93
  },
94
94
  onMove (e) {
95
95
  let { deltaX: deltaX, deltaY: deltaY, pointerType: pointerType } = e;
96
- if (direction === "rtl") deltaX *= -1;
97
- if (pointerType === "keyboard") {
96
+ if (direction === 'rtl') deltaX *= -1;
97
+ if (pointerType === 'keyboard') {
98
98
  if (deltaY !== 0 && deltaX === 0) deltaX = deltaY * -1;
99
99
  deltaX *= 10;
100
100
  }
@@ -107,7 +107,7 @@ function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
107
107
  onMoveEnd (e) {
108
108
  let { pointerType: pointerType } = e;
109
109
  columnResizeWidthRef.current = 0;
110
- if (pointerType === "mouse" || pointerType === "touch" && wasFocusedOnResizeStart.current) endResize(item);
110
+ if (pointerType === 'mouse' || pointerType === 'touch' && wasFocusedOnResizeStart.current) endResize(item);
111
111
  }
112
112
  });
113
113
  let onKeyDown = (0, $gDW2h$react.useCallback)((e)=>{
@@ -121,17 +121,17 @@ function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
121
121
  if (max === Infinity) max = Number.MAX_SAFE_INTEGER;
122
122
  let value = Math.floor(state.getColumnWidth(item.key));
123
123
  let modality = (0, $gDW2h$reactariainteractions.useInteractionModality)();
124
- if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "touch";
125
- let description = (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) == null && (modality === "keyboard" || modality === "virtual") && !isResizing ? stringFormatter.format("resizerDescription") : undefined;
124
+ if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) modality = 'touch';
125
+ let description = (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : undefined;
126
126
  let descriptionProps = (0, $gDW2h$reactariautils.useDescription)(description);
127
127
  let ariaProps = {
128
- "aria-label": ariaLabel,
129
- "aria-orientation": "horizontal",
130
- "aria-labelledby": `${id} ${(0, $6acf696f746f932c$exports.getColumnHeaderId)(state.tableState, item.key)}`,
131
- "aria-valuetext": stringFormatter.format("columnSize", {
128
+ 'aria-label': ariaLabel,
129
+ 'aria-orientation': 'horizontal',
130
+ 'aria-labelledby': `${id} ${(0, $6acf696f746f932c$exports.getColumnHeaderId)(state.tableState, item.key)}`,
131
+ 'aria-valuetext': stringFormatter.format('columnSize', {
132
132
  value: value
133
133
  }),
134
- "type": "range",
134
+ 'type': 'range',
135
135
  min: min,
136
136
  max: max,
137
137
  value: value,
@@ -174,8 +174,8 @@ function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
174
174
  };
175
175
  let { pressProps: pressProps } = (0, $gDW2h$reactariainteractions.usePress)({
176
176
  onPressStart: (e)=>{
177
- if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === "keyboard") return;
178
- if (e.pointerType === "virtual" && state.resizingColumn != null) {
177
+ if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === 'keyboard') return;
178
+ if (e.pointerType === 'virtual' && state.resizingColumn != null) {
179
179
  endResize(item);
180
180
  return;
181
181
  }
@@ -184,10 +184,10 @@ function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
184
184
  focusInput();
185
185
  // If resizer is always visible, mobile screenreader user can access the visually hidden resizer directly and thus we don't need
186
186
  // to handle a virtual click to start the resizer.
187
- if (e.pointerType !== "virtual") startResize(item);
187
+ if (e.pointerType !== 'virtual') startResize(item);
188
188
  },
189
189
  onPress: (e)=>{
190
- if ((e.pointerType === "touch" && wasFocusedOnResizeStart.current || e.pointerType === "mouse") && state.resizingColumn != null) endResize(item);
190
+ if ((e.pointerType === 'touch' && wasFocusedOnResizeStart.current || e.pointerType === 'mouse') && state.resizingColumn != null) endResize(item);
191
191
  }
192
192
  });
193
193
  let { visuallyHiddenProps: visuallyHiddenProps } = (0, $gDW2h$reactariavisuallyhidden.useVisuallyHidden)();
@@ -197,7 +197,7 @@ function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
197
197
  onKeyDown: onKeyDown
198
198
  }, pressProps, {
199
199
  style: {
200
- touchAction: "none"
200
+ touchAction: 'none'
201
201
  }
202
202
  }),
203
203
  inputProps: (0, $gDW2h$reactariautils.mergeProps)(visuallyHiddenProps, {
package/dist/useTableColumnResize.mjs CHANGED
@@ -30,8 +30,8 @@ function $parcel$interopDefault(a) {
30
30
 
31
31
 
32
32
  function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
33
- let { column: item, triggerRef: triggerRef, isDisabled: isDisabled, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, "aria-label": ariaLabel } = props;
34
- const stringFormatter = (0, $d9Rqy$useLocalizedStringFormatter)((0, ($parcel$interopDefault($d9Rqy$intlStringsmodulejs))), "@react-aria/table");
33
+ let { column: item, triggerRef: triggerRef, isDisabled: isDisabled, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, 'aria-label': ariaLabel } = props;
34
+ const stringFormatter = (0, $d9Rqy$useLocalizedStringFormatter)((0, ($parcel$interopDefault($d9Rqy$intlStringsmodulejs))), '@react-aria/table');
35
35
  let id = (0, $d9Rqy$useId)();
36
36
  let isResizing = state.resizingColumn === item.key;
37
37
  let isResizingRef = (0, $d9Rqy$useRef)(isResizing);
@@ -42,14 +42,14 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
42
42
  let { keyboardProps: keyboardProps } = (0, $d9Rqy$useKeyboard)({
43
43
  onKeyDown: (e)=>{
44
44
  if (editModeEnabled) {
45
- if (e.key === "Escape" || e.key === "Enter" || e.key === " " || e.key === "Tab") {
45
+ if (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ' || e.key === 'Tab') {
46
46
  e.preventDefault();
47
47
  endResize(item);
48
48
  }
49
49
  } else {
50
50
  // Continue propagation on keydown events so they still bubbles to useSelectableCollection and are handled there
51
51
  e.continuePropagation();
52
- if (e.key === "Enter") startResize(item);
52
+ if (e.key === 'Enter') startResize(item);
53
53
  }
54
54
  }
55
55
  });
@@ -87,8 +87,8 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
87
87
  },
88
88
  onMove (e) {
89
89
  let { deltaX: deltaX, deltaY: deltaY, pointerType: pointerType } = e;
90
- if (direction === "rtl") deltaX *= -1;
91
- if (pointerType === "keyboard") {
90
+ if (direction === 'rtl') deltaX *= -1;
91
+ if (pointerType === 'keyboard') {
92
92
  if (deltaY !== 0 && deltaX === 0) deltaX = deltaY * -1;
93
93
  deltaX *= 10;
94
94
  }
@@ -101,7 +101,7 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
101
101
  onMoveEnd (e) {
102
102
  let { pointerType: pointerType } = e;
103
103
  columnResizeWidthRef.current = 0;
104
- if (pointerType === "mouse" || pointerType === "touch" && wasFocusedOnResizeStart.current) endResize(item);
104
+ if (pointerType === 'mouse' || pointerType === 'touch' && wasFocusedOnResizeStart.current) endResize(item);
105
105
  }
106
106
  });
107
107
  let onKeyDown = (0, $d9Rqy$useCallback)((e)=>{
@@ -115,17 +115,17 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
115
115
  if (max === Infinity) max = Number.MAX_SAFE_INTEGER;
116
116
  let value = Math.floor(state.getColumnWidth(item.key));
117
117
  let modality = (0, $d9Rqy$useInteractionModality)();
118
- if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "touch";
119
- let description = (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) == null && (modality === "keyboard" || modality === "virtual") && !isResizing ? stringFormatter.format("resizerDescription") : undefined;
118
+ if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) modality = 'touch';
119
+ let description = (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : undefined;
120
120
  let descriptionProps = (0, $d9Rqy$useDescription)(description);
121
121
  let ariaProps = {
122
- "aria-label": ariaLabel,
123
- "aria-orientation": "horizontal",
124
- "aria-labelledby": `${id} ${(0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state.tableState, item.key)}`,
125
- "aria-valuetext": stringFormatter.format("columnSize", {
122
+ 'aria-label': ariaLabel,
123
+ 'aria-orientation': 'horizontal',
124
+ 'aria-labelledby': `${id} ${(0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state.tableState, item.key)}`,
125
+ 'aria-valuetext': stringFormatter.format('columnSize', {
126
126
  value: value
127
127
  }),
128
- "type": "range",
128
+ 'type': 'range',
129
129
  min: min,
130
130
  max: max,
131
131
  value: value,
@@ -168,8 +168,8 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
168
168
  };
169
169
  let { pressProps: pressProps } = (0, $d9Rqy$usePress)({
170
170
  onPressStart: (e)=>{
171
- if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === "keyboard") return;
172
- if (e.pointerType === "virtual" && state.resizingColumn != null) {
171
+ if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === 'keyboard') return;
172
+ if (e.pointerType === 'virtual' && state.resizingColumn != null) {
173
173
  endResize(item);
174
174
  return;
175
175
  }
@@ -178,10 +178,10 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
178
178
  focusInput();
179
179
  // If resizer is always visible, mobile screenreader user can access the visually hidden resizer directly and thus we don't need
180
180
  // to handle a virtual click to start the resizer.
181
- if (e.pointerType !== "virtual") startResize(item);
181
+ if (e.pointerType !== 'virtual') startResize(item);
182
182
  },
183
183
  onPress: (e)=>{
184
- if ((e.pointerType === "touch" && wasFocusedOnResizeStart.current || e.pointerType === "mouse") && state.resizingColumn != null) endResize(item);
184
+ if ((e.pointerType === 'touch' && wasFocusedOnResizeStart.current || e.pointerType === 'mouse') && state.resizingColumn != null) endResize(item);
185
185
  }
186
186
  });
187
187
  let { visuallyHiddenProps: visuallyHiddenProps } = (0, $d9Rqy$useVisuallyHidden)();
@@ -191,7 +191,7 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
191
191
  onKeyDown: onKeyDown
192
192
  }, pressProps, {
193
193
  style: {
194
- touchAction: "none"
194
+ touchAction: 'none'
195
195
  }
196
196
  }),
197
197
  inputProps: (0, $d9Rqy$mergeProps)(visuallyHiddenProps, {
package/dist/useTableColumnResize.module.js CHANGED
@@ -30,8 +30,8 @@ function $parcel$interopDefault(a) {
30
30
 
31
31
 
32
32
  function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
33
- let { column: item, triggerRef: triggerRef, isDisabled: isDisabled, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, "aria-label": ariaLabel } = props;
34
- const stringFormatter = (0, $d9Rqy$useLocalizedStringFormatter)((0, ($parcel$interopDefault($d9Rqy$intlStringsmodulejs))), "@react-aria/table");
33
+ let { column: item, triggerRef: triggerRef, isDisabled: isDisabled, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, 'aria-label': ariaLabel } = props;
34
+ const stringFormatter = (0, $d9Rqy$useLocalizedStringFormatter)((0, ($parcel$interopDefault($d9Rqy$intlStringsmodulejs))), '@react-aria/table');
35
35
  let id = (0, $d9Rqy$useId)();
36
36
  let isResizing = state.resizingColumn === item.key;
37
37
  let isResizingRef = (0, $d9Rqy$useRef)(isResizing);
@@ -42,14 +42,14 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
42
42
  let { keyboardProps: keyboardProps } = (0, $d9Rqy$useKeyboard)({
43
43
  onKeyDown: (e)=>{
44
44
  if (editModeEnabled) {
45
- if (e.key === "Escape" || e.key === "Enter" || e.key === " " || e.key === "Tab") {
45
+ if (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ' || e.key === 'Tab') {
46
46
  e.preventDefault();
47
47
  endResize(item);
48
48
  }
49
49
  } else {
50
50
  // Continue propagation on keydown events so they still bubbles to useSelectableCollection and are handled there
51
51
  e.continuePropagation();
52
- if (e.key === "Enter") startResize(item);
52
+ if (e.key === 'Enter') startResize(item);
53
53
  }
54
54
  }
55
55
  });
@@ -87,8 +87,8 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
87
87
  },
88
88
  onMove (e) {
89
89
  let { deltaX: deltaX, deltaY: deltaY, pointerType: pointerType } = e;
90
- if (direction === "rtl") deltaX *= -1;
91
- if (pointerType === "keyboard") {
90
+ if (direction === 'rtl') deltaX *= -1;
91
+ if (pointerType === 'keyboard') {
92
92
  if (deltaY !== 0 && deltaX === 0) deltaX = deltaY * -1;
93
93
  deltaX *= 10;
94
94
  }
@@ -101,7 +101,7 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
101
101
  onMoveEnd (e) {
102
102
  let { pointerType: pointerType } = e;
103
103
  columnResizeWidthRef.current = 0;
104
- if (pointerType === "mouse" || pointerType === "touch" && wasFocusedOnResizeStart.current) endResize(item);
104
+ if (pointerType === 'mouse' || pointerType === 'touch' && wasFocusedOnResizeStart.current) endResize(item);
105
105
  }
106
106
  });
107
107
  let onKeyDown = (0, $d9Rqy$useCallback)((e)=>{
@@ -115,17 +115,17 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
115
115
  if (max === Infinity) max = Number.MAX_SAFE_INTEGER;
116
116
  let value = Math.floor(state.getColumnWidth(item.key));
117
117
  let modality = (0, $d9Rqy$useInteractionModality)();
118
- if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "touch";
119
- let description = (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) == null && (modality === "keyboard" || modality === "virtual") && !isResizing ? stringFormatter.format("resizerDescription") : undefined;
118
+ if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) modality = 'touch';
119
+ let description = (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : undefined;
120
120
  let descriptionProps = (0, $d9Rqy$useDescription)(description);
121
121
  let ariaProps = {
122
- "aria-label": ariaLabel,
123
- "aria-orientation": "horizontal",
124
- "aria-labelledby": `${id} ${(0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state.tableState, item.key)}`,
125
- "aria-valuetext": stringFormatter.format("columnSize", {
122
+ 'aria-label': ariaLabel,
123
+ 'aria-orientation': 'horizontal',
124
+ 'aria-labelledby': `${id} ${(0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state.tableState, item.key)}`,
125
+ 'aria-valuetext': stringFormatter.format('columnSize', {
126
126
  value: value
127
127
  }),
128
- "type": "range",
128
+ 'type': 'range',
129
129
  min: min,
130
130
  max: max,
131
131
  value: value,
@@ -168,8 +168,8 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
168
168
  };
169
169
  let { pressProps: pressProps } = (0, $d9Rqy$usePress)({
170
170
  onPressStart: (e)=>{
171
- if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === "keyboard") return;
172
- if (e.pointerType === "virtual" && state.resizingColumn != null) {
171
+ if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === 'keyboard') return;
172
+ if (e.pointerType === 'virtual' && state.resizingColumn != null) {
173
173
  endResize(item);
174
174
  return;
175
175
  }
@@ -178,10 +178,10 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
178
178
  focusInput();
179
179
  // If resizer is always visible, mobile screenreader user can access the visually hidden resizer directly and thus we don't need
180
180
  // to handle a virtual click to start the resizer.
181
- if (e.pointerType !== "virtual") startResize(item);
181
+ if (e.pointerType !== 'virtual') startResize(item);
182
182
  },
183
183
  onPress: (e)=>{
184
- if ((e.pointerType === "touch" && wasFocusedOnResizeStart.current || e.pointerType === "mouse") && state.resizingColumn != null) endResize(item);
184
+ if ((e.pointerType === 'touch' && wasFocusedOnResizeStart.current || e.pointerType === 'mouse') && state.resizingColumn != null) endResize(item);
185
185
  }
186
186
  });
187
187
  let { visuallyHiddenProps: visuallyHiddenProps } = (0, $d9Rqy$useVisuallyHidden)();
@@ -191,7 +191,7 @@ function $e91ef4e5004e3774$export$52994e973806c219(props, state, ref) {
191
191
  onKeyDown: onKeyDown
192
192
  }, pressProps, {
193
193
  style: {
194
- touchAction: "none"
194
+ touchAction: 'none'
195
195
  }
196
196
  }),
197
197
  inputProps: (0, $d9Rqy$mergeProps)(visuallyHiddenProps, {
package/dist/useTableHeaderRow.main.js CHANGED
@@ -20,9 +20,9 @@ $parcel$export(module.exports, "useTableHeaderRow", () => $eb16c38321a72835$expo
20
20
  function $eb16c38321a72835$export$1b95a7d2d517b841(props, state, ref) {
21
21
  let { node: node, isVirtualized: isVirtualized } = props;
22
22
  let rowProps = {
23
- role: "row"
23
+ role: 'row'
24
24
  };
25
- if (isVirtualized && !((0, $dwJMn$reactstatelyflags.tableNestedRows)() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1; // aria-rowindex is 1 based
25
+ if (isVirtualized && !((0, $dwJMn$reactstatelyflags.tableNestedRows)() && 'expandedKeys' in state)) rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based
26
26
  return {
27
27
  rowProps: rowProps
28
28
  };
package/dist/useTableHeaderRow.mjs CHANGED
@@ -14,9 +14,9 @@ import {tableNestedRows as $4ns2c$tableNestedRows} from "@react-stately/flags";
14
14
  function $f917ee10f4c32dab$export$1b95a7d2d517b841(props, state, ref) {
15
15
  let { node: node, isVirtualized: isVirtualized } = props;
16
16
  let rowProps = {
17
- role: "row"
17
+ role: 'row'
18
18
  };
19
- if (isVirtualized && !((0, $4ns2c$tableNestedRows)() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1; // aria-rowindex is 1 based
19
+ if (isVirtualized && !((0, $4ns2c$tableNestedRows)() && 'expandedKeys' in state)) rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based
20
20
  return {
21
21
  rowProps: rowProps
22
22
  };
package/dist/useTableHeaderRow.module.js CHANGED
@@ -14,9 +14,9 @@ import {tableNestedRows as $4ns2c$tableNestedRows} from "@react-stately/flags";
14
14
  function $f917ee10f4c32dab$export$1b95a7d2d517b841(props, state, ref) {
15
15
  let { node: node, isVirtualized: isVirtualized } = props;
16
16
  let rowProps = {
17
- role: "row"
17
+ role: 'row'
18
18
  };
19
- if (isVirtualized && !((0, $4ns2c$tableNestedRows)() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1; // aria-rowindex is 1 based
19
+ if (isVirtualized && !((0, $4ns2c$tableNestedRows)() && 'expandedKeys' in state)) rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based
20
20
  return {
21
21
  rowProps: rowProps
22
22
  };
package/dist/useTableRow.main.js CHANGED
@@ -29,40 +29,40 @@ $parcel$export(module.exports, "useTableRow", () => $10b2115217af7c93$export$7f2
29
29
 
30
30
  const $10b2115217af7c93$var$EXPANSION_KEYS = {
31
31
  expand: {
32
- ltr: "ArrowRight",
33
- rtl: "ArrowLeft"
32
+ ltr: 'ArrowRight',
33
+ rtl: 'ArrowLeft'
34
34
  },
35
- "collapse": {
36
- ltr: "ArrowLeft",
37
- rtl: "ArrowRight"
35
+ 'collapse': {
36
+ ltr: 'ArrowLeft',
37
+ rtl: 'ArrowRight'
38
38
  }
39
39
  };
40
40
  function $10b2115217af7c93$export$7f2f6ae19e707aa5(props, state, ref) {
41
41
  let { node: node, isVirtualized: isVirtualized } = props;
42
42
  let { rowProps: rowProps, ...states } = (0, $6RVcf$reactariagrid.useGridRow)(props, state, ref);
43
43
  let { direction: direction } = (0, $6RVcf$reactariai18n.useLocale)();
44
- if (isVirtualized && !((0, $6RVcf$reactstatelyflags.tableNestedRows)() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
45
- else delete rowProps["aria-rowindex"];
44
+ if (isVirtualized && !((0, $6RVcf$reactstatelyflags.tableNestedRows)() && 'expandedKeys' in state)) rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
45
+ else delete rowProps['aria-rowindex'];
46
46
  let treeGridRowProps = {};
47
- if ((0, $6RVcf$reactstatelyflags.tableNestedRows)() && "expandedKeys" in state) {
47
+ if ((0, $6RVcf$reactstatelyflags.tableNestedRows)() && 'expandedKeys' in state) {
48
48
  let treeNode = state.keyMap.get(node.key);
49
49
  if (treeNode != null) {
50
50
  var _treeNode_props, _treeNode_props_children, _treeNode_props1;
51
51
  let hasChildRows = ((_treeNode_props = treeNode.props) === null || _treeNode_props === void 0 ? void 0 : _treeNode_props.UNSTABLE_childItems) || ((_treeNode_props1 = treeNode.props) === null || _treeNode_props1 === void 0 ? void 0 : (_treeNode_props_children = _treeNode_props1.children) === null || _treeNode_props_children === void 0 ? void 0 : _treeNode_props_children.length) > state.userColumnCount;
52
52
  treeGridRowProps = {
53
53
  onKeyDown: (e)=>{
54
- if (e.key === $10b2115217af7c93$var$EXPANSION_KEYS["expand"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== "all" && !state.expandedKeys.has(treeNode.key)) {
54
+ if (e.key === $10b2115217af7c93$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== 'all' && !state.expandedKeys.has(treeNode.key)) {
55
55
  state.toggleKey(treeNode.key);
56
56
  e.stopPropagation();
57
- } else if (e.key === $10b2115217af7c93$var$EXPANSION_KEYS["collapse"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === "all" || state.expandedKeys.has(treeNode.key))) {
57
+ } else if (e.key === $10b2115217af7c93$var$EXPANSION_KEYS['collapse'][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === 'all' || state.expandedKeys.has(treeNode.key))) {
58
58
  state.toggleKey(treeNode.key);
59
59
  e.stopPropagation();
60
60
  }
61
61
  },
62
- "aria-expanded": hasChildRows ? state.expandedKeys === "all" || state.expandedKeys.has(node.key) : undefined,
63
- "aria-level": treeNode.level,
64
- "aria-posinset": treeNode.indexOfType + 1,
65
- "aria-setsize": treeNode.level > 1 ? (0, $6RVcf$reactstatelycollections.getLastItem)(state.keyMap.get(treeNode === null || treeNode === void 0 ? void 0 : treeNode.parentKey).childNodes).indexOfType + 1 : (0, $6RVcf$reactstatelycollections.getLastItem)(state.keyMap.get(state.collection.body.key).childNodes).indexOfType + 1
62
+ 'aria-expanded': hasChildRows ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key) : undefined,
63
+ 'aria-level': treeNode.level,
64
+ 'aria-posinset': treeNode.indexOfType + 1,
65
+ 'aria-setsize': treeNode.level > 1 ? (0, $6RVcf$reactstatelycollections.getLastItem)(state.keyMap.get(treeNode === null || treeNode === void 0 ? void 0 : treeNode.parentKey).childNodes).indexOfType + 1 : (0, $6RVcf$reactstatelycollections.getLastItem)(state.keyMap.get(state.collection.body.key).childNodes).indexOfType + 1
66
66
  };
67
67
  }
68
68
  }
@@ -70,7 +70,7 @@ function $10b2115217af7c93$export$7f2f6ae19e707aa5(props, state, ref) {
70
70
  return {
71
71
  rowProps: {
72
72
  ...(0, $6RVcf$reactariautils.mergeProps)(rowProps, treeGridRowProps, linkProps),
73
- "aria-labelledby": (0, $6acf696f746f932c$exports.getRowLabelledBy)(state, node.key)
73
+ 'aria-labelledby': (0, $6acf696f746f932c$exports.getRowLabelledBy)(state, node.key)
74
74
  },
75
75
  ...states
76
76
  };
package/dist/useTableRow.mjs CHANGED
@@ -23,40 +23,40 @@ import {useLocale as $2K6sg$useLocale} from "@react-aria/i18n";
23
23
 
24
24
  const $b2db214c022798eb$var$EXPANSION_KEYS = {
25
25
  expand: {
26
- ltr: "ArrowRight",
27
- rtl: "ArrowLeft"
26
+ ltr: 'ArrowRight',
27
+ rtl: 'ArrowLeft'
28
28
  },
29
- "collapse": {
30
- ltr: "ArrowLeft",
31
- rtl: "ArrowRight"
29
+ 'collapse': {
30
+ ltr: 'ArrowLeft',
31
+ rtl: 'ArrowRight'
32
32
  }
33
33
  };
34
34
  function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
35
35
  let { node: node, isVirtualized: isVirtualized } = props;
36
36
  let { rowProps: rowProps, ...states } = (0, $2K6sg$useGridRow)(props, state, ref);
37
37
  let { direction: direction } = (0, $2K6sg$useLocale)();
38
- if (isVirtualized && !((0, $2K6sg$tableNestedRows)() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
39
- else delete rowProps["aria-rowindex"];
38
+ if (isVirtualized && !((0, $2K6sg$tableNestedRows)() && 'expandedKeys' in state)) rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
39
+ else delete rowProps['aria-rowindex'];
40
40
  let treeGridRowProps = {};
41
- if ((0, $2K6sg$tableNestedRows)() && "expandedKeys" in state) {
41
+ if ((0, $2K6sg$tableNestedRows)() && 'expandedKeys' in state) {
42
42
  let treeNode = state.keyMap.get(node.key);
43
43
  if (treeNode != null) {
44
44
  var _treeNode_props, _treeNode_props_children, _treeNode_props1;
45
45
  let hasChildRows = ((_treeNode_props = treeNode.props) === null || _treeNode_props === void 0 ? void 0 : _treeNode_props.UNSTABLE_childItems) || ((_treeNode_props1 = treeNode.props) === null || _treeNode_props1 === void 0 ? void 0 : (_treeNode_props_children = _treeNode_props1.children) === null || _treeNode_props_children === void 0 ? void 0 : _treeNode_props_children.length) > state.userColumnCount;
46
46
  treeGridRowProps = {
47
47
  onKeyDown: (e)=>{
48
- if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS["expand"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== "all" && !state.expandedKeys.has(treeNode.key)) {
48
+ if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== 'all' && !state.expandedKeys.has(treeNode.key)) {
49
49
  state.toggleKey(treeNode.key);
50
50
  e.stopPropagation();
51
- } else if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS["collapse"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === "all" || state.expandedKeys.has(treeNode.key))) {
51
+ } else if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS['collapse'][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === 'all' || state.expandedKeys.has(treeNode.key))) {
52
52
  state.toggleKey(treeNode.key);
53
53
  e.stopPropagation();
54
54
  }
55
55
  },
56
- "aria-expanded": hasChildRows ? state.expandedKeys === "all" || state.expandedKeys.has(node.key) : undefined,
57
- "aria-level": treeNode.level,
58
- "aria-posinset": treeNode.indexOfType + 1,
59
- "aria-setsize": treeNode.level > 1 ? (0, $2K6sg$getLastItem)(state.keyMap.get(treeNode === null || treeNode === void 0 ? void 0 : treeNode.parentKey).childNodes).indexOfType + 1 : (0, $2K6sg$getLastItem)(state.keyMap.get(state.collection.body.key).childNodes).indexOfType + 1
56
+ 'aria-expanded': hasChildRows ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key) : undefined,
57
+ 'aria-level': treeNode.level,
58
+ 'aria-posinset': treeNode.indexOfType + 1,
59
+ 'aria-setsize': treeNode.level > 1 ? (0, $2K6sg$getLastItem)(state.keyMap.get(treeNode === null || treeNode === void 0 ? void 0 : treeNode.parentKey).childNodes).indexOfType + 1 : (0, $2K6sg$getLastItem)(state.keyMap.get(state.collection.body.key).childNodes).indexOfType + 1
60
60
  };
61
61
  }
62
62
  }
@@ -64,7 +64,7 @@ function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
64
64
  return {
65
65
  rowProps: {
66
66
  ...(0, $2K6sg$mergeProps)(rowProps, treeGridRowProps, linkProps),
67
- "aria-labelledby": (0, $2140fb2337097f2d$export$85069b70317f543)(state, node.key)
67
+ 'aria-labelledby': (0, $2140fb2337097f2d$export$85069b70317f543)(state, node.key)
68
68
  },
69
69
  ...states
70
70
  };
package/dist/useTableRow.module.js CHANGED
@@ -23,40 +23,40 @@ import {useLocale as $2K6sg$useLocale} from "@react-aria/i18n";
23
23
 
24
24
  const $b2db214c022798eb$var$EXPANSION_KEYS = {
25
25
  expand: {
26
- ltr: "ArrowRight",
27
- rtl: "ArrowLeft"
26
+ ltr: 'ArrowRight',
27
+ rtl: 'ArrowLeft'
28
28
  },
29
- "collapse": {
30
- ltr: "ArrowLeft",
31
- rtl: "ArrowRight"
29
+ 'collapse': {
30
+ ltr: 'ArrowLeft',
31
+ rtl: 'ArrowRight'
32
32
  }
33
33
  };
34
34
  function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
35
35
  let { node: node, isVirtualized: isVirtualized } = props;
36
36
  let { rowProps: rowProps, ...states } = (0, $2K6sg$useGridRow)(props, state, ref);
37
37
  let { direction: direction } = (0, $2K6sg$useLocale)();
38
- if (isVirtualized && !((0, $2K6sg$tableNestedRows)() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
39
- else delete rowProps["aria-rowindex"];
38
+ if (isVirtualized && !((0, $2K6sg$tableNestedRows)() && 'expandedKeys' in state)) rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
39
+ else delete rowProps['aria-rowindex'];
40
40
  let treeGridRowProps = {};
41
- if ((0, $2K6sg$tableNestedRows)() && "expandedKeys" in state) {
41
+ if ((0, $2K6sg$tableNestedRows)() && 'expandedKeys' in state) {
42
42
  let treeNode = state.keyMap.get(node.key);
43
43
  if (treeNode != null) {
44
44
  var _treeNode_props, _treeNode_props_children, _treeNode_props1;
45
45
  let hasChildRows = ((_treeNode_props = treeNode.props) === null || _treeNode_props === void 0 ? void 0 : _treeNode_props.UNSTABLE_childItems) || ((_treeNode_props1 = treeNode.props) === null || _treeNode_props1 === void 0 ? void 0 : (_treeNode_props_children = _treeNode_props1.children) === null || _treeNode_props_children === void 0 ? void 0 : _treeNode_props_children.length) > state.userColumnCount;
46
46
  treeGridRowProps = {
47
47
  onKeyDown: (e)=>{
48
- if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS["expand"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== "all" && !state.expandedKeys.has(treeNode.key)) {
48
+ if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== 'all' && !state.expandedKeys.has(treeNode.key)) {
49
49
  state.toggleKey(treeNode.key);
50
50
  e.stopPropagation();
51
- } else if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS["collapse"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === "all" || state.expandedKeys.has(treeNode.key))) {
51
+ } else if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS['collapse'][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === 'all' || state.expandedKeys.has(treeNode.key))) {
52
52
  state.toggleKey(treeNode.key);
53
53
  e.stopPropagation();
54
54
  }
55
55
  },
56
- "aria-expanded": hasChildRows ? state.expandedKeys === "all" || state.expandedKeys.has(node.key) : undefined,
57
- "aria-level": treeNode.level,
58
- "aria-posinset": treeNode.indexOfType + 1,
59
- "aria-setsize": treeNode.level > 1 ? (0, $2K6sg$getLastItem)(state.keyMap.get(treeNode === null || treeNode === void 0 ? void 0 : treeNode.parentKey).childNodes).indexOfType + 1 : (0, $2K6sg$getLastItem)(state.keyMap.get(state.collection.body.key).childNodes).indexOfType + 1
56
+ 'aria-expanded': hasChildRows ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key) : undefined,
57
+ 'aria-level': treeNode.level,
58
+ 'aria-posinset': treeNode.indexOfType + 1,
59
+ 'aria-setsize': treeNode.level > 1 ? (0, $2K6sg$getLastItem)(state.keyMap.get(treeNode === null || treeNode === void 0 ? void 0 : treeNode.parentKey).childNodes).indexOfType + 1 : (0, $2K6sg$getLastItem)(state.keyMap.get(state.collection.body.key).childNodes).indexOfType + 1
60
60
  };
61
61
  }
62
62
  }
@@ -64,7 +64,7 @@ function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
64
64
  return {
65
65
  rowProps: {
66
66
  ...(0, $2K6sg$mergeProps)(rowProps, treeGridRowProps, linkProps),
67
- "aria-labelledby": (0, $2140fb2337097f2d$export$85069b70317f543)(state, node.key)
67
+ 'aria-labelledby': (0, $2140fb2337097f2d$export$85069b70317f543)(state, node.key)
68
68
  },
69
69
  ...states
70
70
  };
package/dist/useTableSelectionCheckbox.main.js CHANGED
@@ -34,18 +34,18 @@ function $0b394e4562ac57c9$export$16ea7f650bd7c1bb(props, state) {
34
34
  return {
35
35
  checkboxProps: {
36
36
  ...checkboxProps,
37
- "aria-labelledby": `${checkboxProps.id} ${(0, $6acf696f746f932c$exports.getRowLabelledBy)(state, key)}`
37
+ 'aria-labelledby': `${checkboxProps.id} ${(0, $6acf696f746f932c$exports.getRowLabelledBy)(state, key)}`
38
38
  }
39
39
  };
40
40
  }
41
41
  function $0b394e4562ac57c9$export$1003db6a7e384b99(state) {
42
42
  let { isEmpty: isEmpty, isSelectAll: isSelectAll, selectionMode: selectionMode } = state.selectionManager;
43
- const stringFormatter = (0, $jX14I$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), "@react-aria/table");
43
+ const stringFormatter = (0, $jX14I$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), '@react-aria/table');
44
44
  return {
45
45
  checkboxProps: {
46
- "aria-label": stringFormatter.format(selectionMode === "single" ? "select" : "selectAll"),
46
+ 'aria-label': stringFormatter.format(selectionMode === 'single' ? 'select' : 'selectAll'),
47
47
  isSelected: isSelectAll,
48
- isDisabled: selectionMode !== "multiple" || state.collection.size === 0,
48
+ isDisabled: selectionMode !== 'multiple' || state.collection.size === 0,
49
49
  isIndeterminate: !isEmpty && !isSelectAll,
50
50
  onChange: ()=>state.selectionManager.toggleSelectAll()
51
51
  }
package/dist/useTableSelectionCheckbox.mjs CHANGED
@@ -27,18 +27,18 @@ function $2a795c53a101c542$export$16ea7f650bd7c1bb(props, state) {
27
27
  return {
28
28
  checkboxProps: {
29
29
  ...checkboxProps,
30
- "aria-labelledby": `${checkboxProps.id} ${(0, $2140fb2337097f2d$export$85069b70317f543)(state, key)}`
30
+ 'aria-labelledby': `${checkboxProps.id} ${(0, $2140fb2337097f2d$export$85069b70317f543)(state, key)}`
31
31
  }
32
32
  };
33
33
  }
34
34
  function $2a795c53a101c542$export$1003db6a7e384b99(state) {
35
35
  let { isEmpty: isEmpty, isSelectAll: isSelectAll, selectionMode: selectionMode } = state.selectionManager;
36
- const stringFormatter = (0, $iIuaM$useLocalizedStringFormatter)((0, ($parcel$interopDefault($iIuaM$intlStringsmodulejs))), "@react-aria/table");
36
+ const stringFormatter = (0, $iIuaM$useLocalizedStringFormatter)((0, ($parcel$interopDefault($iIuaM$intlStringsmodulejs))), '@react-aria/table');
37
37
  return {
38
38
  checkboxProps: {
39
- "aria-label": stringFormatter.format(selectionMode === "single" ? "select" : "selectAll"),
39
+ 'aria-label': stringFormatter.format(selectionMode === 'single' ? 'select' : 'selectAll'),
40
40
  isSelected: isSelectAll,
41
- isDisabled: selectionMode !== "multiple" || state.collection.size === 0,
41
+ isDisabled: selectionMode !== 'multiple' || state.collection.size === 0,
42
42
  isIndeterminate: !isEmpty && !isSelectAll,
43
43
  onChange: ()=>state.selectionManager.toggleSelectAll()
44
44
  }