@react-spectrum/table 3.8.1-nightly.3854 → 3.8.1-nightly.3863
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.
- package/dist/import.mjs +15 -33
- package/dist/main.css +1 -1
- package/dist/main.js +15 -33
- package/dist/main.js.map +1 -1
- package/dist/module.js +15 -33
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +31 -31
- package/src/DragPreview.tsx +31 -64
- package/src/TableView.tsx +6 -4
- package/src/table.css +6 -0
package/dist/module.js
CHANGED
|
@@ -1006,35 +1006,21 @@ function $4e6fc36ba71ba405$export$d30a7814cfd4033e() {
|
|
|
1006
1006
|
|
|
1007
1007
|
|
|
1008
1008
|
|
|
1009
|
-
function $daa6ead3d9d3506a$export$110dbec0c8ae54d1(props) {
|
|
1010
|
-
let { cell: cell } = props;
|
|
1011
|
-
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1012
|
-
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell"))
|
|
1013
|
-
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
|
|
1014
|
-
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
|
|
1015
|
-
}, cell.rendered));
|
|
1016
|
-
}
|
|
1017
1009
|
function $daa6ead3d9d3506a$export$905ab40ac2179daa(props) {
|
|
1018
|
-
let {
|
|
1019
|
-
let { height: height } = layout.getLayoutInfo(item.key).rect;
|
|
1010
|
+
let { itemText: itemText , itemCount: itemCount , height: height , maxWidth: maxWidth } = props;
|
|
1020
1011
|
let isDraggingMultiple = itemCount > 1;
|
|
1021
|
-
// @ts-ignore
|
|
1022
|
-
let cells = [
|
|
1023
|
-
...children
|
|
1024
|
-
].filter((cell)=>rowHeaderColumnKeys.has(cell.column.key));
|
|
1025
1012
|
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Flex), {
|
|
1026
1013
|
justifyContent: "space-between",
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
maxWidth: maxWidth
|
|
1030
|
-
},
|
|
1014
|
+
height: height,
|
|
1015
|
+
maxWidth: maxWidth,
|
|
1031
1016
|
UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-row", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-row", "react-spectrum-Table-row-dragPreview", {
|
|
1032
1017
|
"react-spectrum-Table-row-dragPreview--multiple": isDraggingMultiple
|
|
1033
|
-
}
|
|
1034
|
-
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div",
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1018
|
+
}))
|
|
1019
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1020
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell"))
|
|
1021
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
|
|
1022
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
|
|
1023
|
+
}, itemText)), isDraggingMultiple && /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1038
1024
|
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-row-badge")
|
|
1039
1025
|
}, itemCount));
|
|
1040
1026
|
}
|
|
@@ -1416,20 +1402,16 @@ function $d14697b14e638114$var$TableView(props, ref) {
|
|
|
1416
1402
|
}), DragPreview && isTableDraggable && /*#__PURE__*/ (0, $gyhAV$react).createElement(DragPreview, {
|
|
1417
1403
|
ref: preview
|
|
1418
1404
|
}, ()=>{
|
|
1419
|
-
|
|
1420
|
-
let rowHeaderColumnKeys = state.collection.rowHeaderColumnKeys;
|
|
1405
|
+
if (dragAndDropHooks.renderPreview) return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);
|
|
1421
1406
|
let itemCount = dragState.draggingKeys.size;
|
|
1422
1407
|
let maxWidth = bodyRef.current.getBoundingClientRect().width;
|
|
1423
|
-
let
|
|
1408
|
+
let height = $d14697b14e638114$var$ROW_HEIGHTS[density][scale];
|
|
1409
|
+
let itemText = state.collection.getTextValue(dragState.draggedKey);
|
|
1424
1410
|
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $daa6ead3d9d3506a$export$905ab40ac2179daa), {
|
|
1425
|
-
|
|
1426
|
-
item: item,
|
|
1427
|
-
children: children,
|
|
1411
|
+
itemText: itemText,
|
|
1428
1412
|
itemCount: itemCount,
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
maxWidth: maxWidth,
|
|
1432
|
-
rowHeaderColumnKeys: rowHeaderColumnKeys
|
|
1413
|
+
height: height,
|
|
1414
|
+
maxWidth: maxWidth
|
|
1433
1415
|
});
|
|
1434
1416
|
}));
|
|
1435
1417
|
}
|