rez-table-listing-mui 2.0.4 → 2.0.6

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 (7) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/listing/components/table-head/table-head-dnd-cell.tsx +4 -3
  7. package/src/listing/components/table-head/table-head.tsx +15 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rez-table-listing-mui",
3
- "version": "2.0.4",
3
+ "version": "2.0.6",
4
4
  "type": "module",
5
5
  "description": "A rez table listing component built on TanStack Table",
6
6
  "main": "dist/index.js",
package/src/listing/components/table-head/table-head-dnd-cell.tsx CHANGED
@@ -28,7 +28,9 @@ function DraggableTableHeader<T>({
28
28
  // Popover
29
29
  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
30
30
 
31
- const handleHover = (event: React.MouseEvent<HTMLElement>) => {
31
+ const handleMenuToggle = (event: React.MouseEvent<HTMLElement>) => {
32
+ if (header.column.getIsResizing()) return;
33
+
32
34
  setAnchorEl((prev) => (prev ? null : event.currentTarget));
33
35
  };
34
36
 
@@ -46,7 +48,6 @@ function DraggableTableHeader<T>({
46
48
  <TableHeadCell
47
49
  onMouseLeave={handleClose}
48
50
  colSpan={header.colSpan}
49
- onClick={handleHover}
50
51
  compact={featureOptions?.compactTable}
51
52
  isDragging={isDragging}
52
53
  isPinned={Boolean(isPinned)}
@@ -60,7 +61,7 @@ function DraggableTableHeader<T>({
60
61
  }}
61
62
  >
62
63
  {header.isPlaceholder ? null : (
63
- <TableHeadContent onClick={handleHover}>
64
+ <TableHeadContent onClick={handleMenuToggle}>
64
65
  <TableHeadSort sortable={header.column.getCanSort()}>
65
66
  {flexRender(header.column.columnDef.header, header.getContext())}
66
67
  </TableHeadSort>
package/src/listing/components/table-head/table-head.tsx CHANGED
@@ -1,4 +1,9 @@
1
- import { ColumnOrderState, flexRender, Table } from "@tanstack/react-table";
1
+ import {
2
+ ColumnOrderState,
3
+ flexRender,
4
+ Header,
5
+ Table,
6
+ } from "@tanstack/react-table";
2
7
  import {
3
8
  CraftTableFeatureProps,
4
9
  craftTableFilterSettingsOptionsProps,
@@ -52,7 +57,12 @@ function TableHead<T>({
52
57
  // Popover
53
58
  const [, setAnchorEl] = useState<HTMLElement | null>(null);
54
59
 
55
- const handleHover = (event: React.MouseEvent<HTMLElement>) => {
60
+ const handleMenuToggle = (
61
+ event: React.MouseEvent<HTMLElement>,
62
+ header: Header<T, unknown>
63
+ ) => {
64
+ if (header.column.getIsResizing()) return;
65
+
56
66
  setAnchorEl((prev) => (prev ? null : event.currentTarget));
57
67
  };
58
68
 
@@ -97,7 +107,6 @@ function TableHead<T>({
97
107
  key={header?.id}
98
108
  colSpan={header.colSpan}
99
109
  compact={featureOptions.compactTable}
100
- onClick={handleHover}
101
110
  style={{
102
111
  ...getColumnPinningStyles(header.column),
103
112
  width: `${header.column.getSize()}px`,
@@ -106,7 +115,9 @@ function TableHead<T>({
106
115
  }}
107
116
  >
108
117
  {header.isPlaceholder ? null : (
109
- <TableHeadContent>
118
+ <TableHeadContent
119
+ onClick={(event) => handleMenuToggle(event, header)}
120
+ >
110
121
  <TableHeadSort sortable={header.column.getCanSort()}>
111
122
  {flexRender(
112
123
  header.column.columnDef.header,