@bigbinary/neeto-atoms 1.1.4 → 1.1.5-beta1

package/dist/{DataTable-BAf51Sfw.js → DataTable-C7OVgLaL.js}

@@ -8522,14 +8522,20 @@ const SortIndicator = ({
 
 const ResizeHandle = ({
   header,
-  onReset
+  onReset,
+  onResizeStart
 }) => {
   if (!header.column.getCanResize()) return null;
+  const handleResizeStart = (event) => {
+    onResizeStart?.();
+    header.getResizeHandler()(event);
+  };
   return /* @__PURE__ */ jsx(
     "div",
     {
-      onMouseDown: header.getResizeHandler(),
-      onTouchStart: header.getResizeHandler(),
+      onMouseDown: handleResizeStart,
+      onTouchStart: handleResizeStart,
+      onClick: (event) => event.stopPropagation(),
       onDoubleClick: () => {
         header.column.resetSize();
         onReset?.(header.column.id);
@@ -9058,6 +9064,21 @@ const DataTable = ({
   const isAutoSelectingRef = useRef(false);
   const bulkSelectedRef = useRef(false);
   bulkSelectedRef.current = bulkSelectedAllRows;
+  const isResizeClickRef = useRef(false);
+  const handleResizeStart = useCallback(() => {
+    isResizeClickRef.current = true;
+    const clearResizeClick = () => {
+      document.removeEventListener("mouseup", clearResizeClick);
+      document.removeEventListener("touchend", clearResizeClick);
+      document.removeEventListener("touchcancel", clearResizeClick);
+      setTimeout(() => {
+        isResizeClickRef.current = false;
+      }, 0);
+    };
+    document.addEventListener("mouseup", clearResizeClick);
+    document.addEventListener("touchend", clearResizeClick);
+    document.addEventListener("touchcancel", clearResizeClick);
+  }, []);
   useEffect(() => {
     if (bulkSelectedAllRows && isControlledSelectionEmpty) {
       setBulkSelectedAllRowsInternal(false);
@@ -9224,7 +9245,15 @@ const DataTable = ({
                                     pinnedEnd: header.column.getAfter("right"),
                                     percentageWidth: renderBody ? void 0 : !hasProportionalSizing && totalDefaultSize > 0 ? `${(header.column.columnDef.size ?? 150) / totalDefaultSize * 100}%` : void 0
                                   }),
-                                  onClick: header.column.getCanSort() ? header.column.getToggleSortingHandler() : void 0,
+                                  onClick: header.column.getCanSort() ? (event) => {
+                                    if (isResizeClickRef.current) {
+                                      isResizeClickRef.current = false;
+                                      return;
+                                    }
+                                    header.column.getToggleSortingHandler()?.(
+                                      event
+                                    );
+                                  } : void 0,
                                   children: [
                                     header.isPlaceholder ? null : isSelectionCol ? flexRender(
                                       header.column.columnDef.header,
@@ -9282,7 +9311,8 @@ const DataTable = ({
                                       ResizeHandle,
                                       {
                                         header,
-                                        onReset: clearUserResized
+                                        onReset: clearUserResized,
+                                        onResizeStart: handleResizeStart
                                       }
                                     )
                                   ]
@@ -9363,4 +9393,4 @@ const DataTable = ({
 };
 
 export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
-//# sourceMappingURL=DataTable-BAf51Sfw.js.map
+//# sourceMappingURL=DataTable-C7OVgLaL.js.map