@bigbinary/neeto-atoms 1.1.4 → 1.1.5-beta1

package/dist/cjs/{DataTable-KvsmFjeu.js → DataTable-DDlOvtwF.js}

@@ -8543,14 +8543,20 @@ const SortIndicator = ({
 
 const ResizeHandle = ({
   header,
-  onReset
+  onReset,
+  onResizeStart
 }) => {
   if (!header.column.getCanResize()) return null;
+  const handleResizeStart = (event) => {
+    onResizeStart?.();
+    header.getResizeHandler()(event);
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      onMouseDown: header.getResizeHandler(),
-      onTouchStart: header.getResizeHandler(),
+      onMouseDown: handleResizeStart,
+      onTouchStart: handleResizeStart,
+      onClick: (event) => event.stopPropagation(),
       onDoubleClick: () => {
         header.column.resetSize();
         onReset?.(header.column.id);
@@ -9079,6 +9085,21 @@ const DataTable = ({
   const isAutoSelectingRef = React.useRef(false);
   const bulkSelectedRef = React.useRef(false);
   bulkSelectedRef.current = bulkSelectedAllRows;
+  const isResizeClickRef = React.useRef(false);
+  const handleResizeStart = React.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);
+  }, []);
   React.useEffect(() => {
     if (bulkSelectedAllRows && isControlledSelectionEmpty) {
       setBulkSelectedAllRowsInternal(false);
@@ -9245,7 +9266,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,
@@ -9303,7 +9332,8 @@ const DataTable = ({
                                       ResizeHandle,
                                       {
                                         header,
-                                        onReset: clearUserResized
+                                        onReset: clearUserResized,
+                                        onResizeStart: handleResizeStart
                                       }
                                     )
                                   ]
@@ -9390,4 +9420,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-KvsmFjeu.js.map
+//# sourceMappingURL=DataTable-DDlOvtwF.js.map