rez-table-listing-mui 2.0.5 → 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 -2
  7. package/src/listing/components/table-head/table-head.tsx +15 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rez-table-listing-mui",
3
- "version": "2.0.5",
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
 
@@ -59,7 +61,7 @@ function DraggableTableHeader<T>({
59
61
  }}
60
62
  >
61
63
  {header.isPlaceholder ? null : (
62
- <TableHeadContent onClick={handleHover}>
64
+ <TableHeadContent onClick={handleMenuToggle}>
63
65
  <TableHeadSort sortable={header.column.getCanSort()}>
64
66
  {flexRender(header.column.columnDef.header, header.getContext())}
65
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
 
@@ -105,7 +115,9 @@ function TableHead<T>({
105
115
  }}
106
116
  >
107
117
  {header.isPlaceholder ? null : (
108
- <TableHeadContent onClick={handleHover}>
118
+ <TableHeadContent
119
+ onClick={(event) => handleMenuToggle(event, header)}
120
+ >
109
121
  <TableHeadSort sortable={header.column.getCanSort()}>
110
122
  {flexRender(
111
123
  header.column.columnDef.header,