@bigbinary/neeto-atoms 1.0.45 → 1.0.47

package/dist/{DataTable-DZYQUYKJ.js → DataTable-DX5y8WcM.js}

@@ -3235,11 +3235,10 @@ const getResizeColumnStyle = ({
   pinnedStart,
   pinnedEnd
 }) => ({
-  width: isSelectionCol ? 0 : isLastDataCol ? void 0 : size,
-  ...enableResize && !isSelectionCol ? {
+  width: isLastDataCol ? void 0 : size,
+  ...enableResize ? {
     minWidth: size,
-    ...isLastDataCol ? {} : { maxWidth: size },
-    overflow: "hidden"
+    ...!isSelectionCol && !isLastDataCol ? { maxWidth: size } : {}
   } : {},
   ...pinned === "left" ? { left: pinnedStart } : {},
   ...pinned === "right" ? { right: pinnedEnd } : {}
@@ -4203,6 +4202,9 @@ const DataTable = ({
       onSortingChange([{ id: columnId, desc }]);
     }
   };
+  const leafColumns = table.getVisibleLeafColumns();
+  const lastLeftPinnedId = leafColumns.filter((col) => col.getIsPinned() === "left").at(-1)?.id;
+  const firstRightPinnedId = leafColumns.filter((col) => col.getIsPinned() === "right").at(0)?.id;
   return /* @__PURE__ */ jsxs("div", { className: cn("relative flex min-h-0 w-full flex-col", className), children: [
     loading && /* @__PURE__ */ jsx(LoadingOverlay, {}),
     (showSelectAllCallout || showAllSelectedCallout) && /* @__PURE__ */ jsx(
@@ -4244,8 +4246,8 @@ const DataTable = ({
                     header.column.getCanSort() && "cursor-pointer select-none",
                     isSelectionCol && "!pe-2",
                     isPinned && "sticky z-10 bg-muted",
-                    isPinned === "left" && "after:pointer-events-none after:absolute after:inset-y-0 after:-right-2 after:w-2 after:bg-gradient-to-r after:from-black/6 after:to-transparent after:opacity-0 after:transition-opacity after:duration-200 after:content-[''] group-data-[scrolled-start]/scroll:after:opacity-100 dark:after:from-white/6",
-                    isPinned === "right" && "before:pointer-events-none before:absolute before:inset-y-0 before:-left-2 before:w-2 before:bg-gradient-to-l before:from-black/6 before:to-transparent before:opacity-0 before:transition-opacity before:duration-200 before:content-[''] group-data-[scrolled-end]/scroll:before:opacity-100 dark:before:from-white/6"
+                    header.column.id === lastLeftPinnedId && "after:pointer-events-none after:absolute after:inset-y-0 after:-right-2 after:w-2 after:bg-gradient-to-r after:from-black/6 after:to-transparent after:opacity-0 after:transition-opacity after:duration-200 after:content-[''] group-data-[scrolled-start]/scroll:after:opacity-100 dark:after:from-white/6",
+                    header.column.id === firstRightPinnedId && "before:pointer-events-none before:absolute before:inset-y-0 before:-left-2 before:w-2 before:bg-gradient-to-l before:from-black/6 before:to-transparent before:opacity-0 before:transition-opacity before:duration-200 before:content-[''] group-data-[scrolled-end]/scroll:before:opacity-100 dark:before:from-white/6"
                   ),
                   style: getResizeColumnStyle({
                     size: header.getSize(),
@@ -4316,9 +4318,9 @@ const DataTable = ({
                   {
                     className: cn(
                       isSelCell && "!pe-2",
-                      isPinned && "sticky z-10 bg-background group-hover:bg-muted/50 group-data-[state=selected]:bg-info",
-                      isPinned === "left" && "after:pointer-events-none after:absolute after:inset-y-0 after:-right-2 after:w-2 after:bg-gradient-to-r after:from-black/6 after:to-transparent after:opacity-0 after:transition-opacity after:duration-200 after:content-[''] group-data-[scrolled-start]/scroll:after:opacity-100 dark:after:from-white/6",
-                      isPinned === "right" && "before:pointer-events-none before:absolute before:inset-y-0 before:-left-2 before:w-2 before:bg-gradient-to-l before:from-black/6 before:to-transparent before:opacity-0 before:transition-opacity before:duration-200 before:content-[''] group-data-[scrolled-end]/scroll:before:opacity-100 dark:before:from-white/6"
+                      isPinned && "sticky z-10 bg-background group-hover:bg-muted group-data-[state=selected]:bg-info",
+                      cell.column.id === lastLeftPinnedId && "after:pointer-events-none after:absolute after:inset-y-0 after:-right-2 after:w-2 after:bg-gradient-to-r after:from-black/6 after:to-transparent after:opacity-0 after:transition-opacity after:duration-200 after:content-[''] group-data-[scrolled-start]/scroll:after:opacity-100 dark:after:from-white/6",
+                      cell.column.id === firstRightPinnedId && "before:pointer-events-none before:absolute before:inset-y-0 before:-left-2 before:w-2 before:bg-gradient-to-l before:from-black/6 before:to-transparent before:opacity-0 before:transition-opacity before:duration-200 before:content-[''] group-data-[scrolled-end]/scroll:before:opacity-100 dark:before:from-white/6"
                     ),
                     style: getResizeColumnStyle({
                       size: cell.column.getSize(),
@@ -4355,4 +4357,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-DZYQUYKJ.js.map
+//# sourceMappingURL=DataTable-DX5y8WcM.js.map