@bmsuisse/datagrid 0.35.0 → 0.35.2

package/dist/index.js

@@ -2659,7 +2659,7 @@ function writePersistedVisibility(persistKey, visibility) {
   window.localStorage.setItem(storageKeyFor(persistKey), JSON.stringify(visibility));
 }
 function orderStorageKeyFor(persistKey) {
-  return `bmsui-datagrid:columns:${persistKey}:order`;
+  return `bmsui-datagrid:column-order:${persistKey}`;
 }
 function readPersistedColumnOrder(persistKey) {
   const raw = window.localStorage.getItem(orderStorageKeyFor(persistKey));
@@ -2747,10 +2747,12 @@ function ColumnSelector({
   const effectiveOrder = columnOrder ?? columns.map((column) => column.id);
   const orderedColumns = columnOrder ? applyColumnOrder(columns, columnOrder) : columns;
   const groups = groupColumns(orderedColumns);
+  const groupById = new Map(columns.map((column) => [column.id, column.group]));
   const [draggedId, setDraggedId] = useState11(null);
   const [overId, setOverId] = useState11(null);
   function handleDrop(targetId) {
     if (!draggedId || draggedId === targetId) return;
+    if (groupById.get(draggedId) !== groupById.get(targetId)) return;
     const next = moveColumnBefore(effectiveOrder, draggedId, targetId);
     onColumnOrderChange?.(next);
     if (persistKey) writePersistedColumnOrder(persistKey, next);
@@ -3466,10 +3468,10 @@ function DataGrid({
   function pinnedCellProps(column, area = "body") {
     const bg = area === "header" ? "bg-muted" : "bg-background";
     if (column.pinned === "left") {
-      return { className: `sticky z-10 ${bg}`, style: { left: leftPinnedOffsets.get(column.id), width: columnSize(column.id) } };
+      return { className: `sticky z-10 ${bg}`, style: { left: leftPinnedOffsets.get(column.id), width: columnSize(column.id), minWidth: columnSize(column.id) } };
     }
     if (column.pinned === "right") {
-      return { className: `sticky z-10 ${bg}`, style: { right: rightPinnedOffsets.get(column.id), width: columnSize(column.id) } };
+      return { className: `sticky z-10 ${bg}`, style: { right: rightPinnedOffsets.get(column.id), width: columnSize(column.id), minWidth: columnSize(column.id) } };
     }
     if (enableColumnResizing) return { style: { width: columnSize(column.id) } };
     return { style: column.width ? { width: column.width } : void 0 };
@@ -3481,7 +3483,7 @@ function DataGrid({
     return {
       className: `${base} ${bg}`,
       classNameOdd: `${base} ${bgOdd}`,
-      style: { [side]: offset, width }
+      style: { [side]: offset, width, minWidth: width }
     };
   }
   const detailCellProps = structuralCellProps("left", 0, DETAIL_COLUMN_WIDTH);