@bwp-web/components 1.9.4 → 1.9.6

package/dist/index.js

@@ -2516,7 +2516,18 @@ function BiampTableColumnVisibility({
   slotProps,
   ...popoverProps
 }) {
-  const allVisible = table.getAllLeafColumns().every((col) => col.getIsVisible());
+  const hideableColumns = table.getAllLeafColumns().filter((col) => col.getCanHide());
+  const allVisible = hideableColumns.every((col) => col.getIsVisible());
+  const toggleAllHideable = () => {
+    const next = !allVisible;
+    table.setColumnVisibility((prev) => {
+      const updated = { ...prev };
+      for (const col of hideableColumns) {
+        updated[col.id] = next;
+      }
+      return updated;
+    });
+  };
   return /* @__PURE__ */ jsx15(
     Popover2,
     {
@@ -2539,30 +2550,22 @@ function BiampTableColumnVisibility({
       },
       ...popoverProps,
       children: /* @__PURE__ */ jsxs9(List, { dense: true, disablePadding: true, children: [
-        /* @__PURE__ */ jsxs9(
-          ListItem,
-          {
-            dense: true,
-            sx: columnListItemSx,
-            onClick: () => table.toggleAllColumnsVisible(!allVisible),
-            children: [
-              /* @__PURE__ */ jsx15(
-                Checkbox3,
-                {
-                  checked: allVisible,
-                  slotProps: { input: { "aria-label": `${showAllLabel} columns` } }
-                }
-              ),
-              /* @__PURE__ */ jsx15(Typography5, { variant: "caption", fontWeight: 600, children: showAllLabel })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs9(ListItem, { dense: true, sx: columnListItemSx, onClick: toggleAllHideable, children: [
+          /* @__PURE__ */ jsx15(
+            Checkbox3,
+            {
+              checked: allVisible,
+              slotProps: { input: { "aria-label": `${showAllLabel} columns` } }
+            }
+          ),
+          /* @__PURE__ */ jsx15(Typography5, { variant: "caption", fontWeight: 600, children: showAllLabel })
+        ] }),
         /* @__PURE__ */ jsx15(Divider2, {}),
         /* @__PURE__ */ jsx15(
           Box9,
           {
             sx: { maxHeight: 340, overflow: "auto", overscrollBehavior: "none" },
-            children: table.getAllLeafColumns().map((column) => {
+            children: hideableColumns.map((column) => {
               const columnName = column.columnDef.meta?.columnLabel ?? (typeof column.columnDef.header === "string" ? column.columnDef.header : column.id);
               return /* @__PURE__ */ jsxs9(
                 ListItem,
@@ -3231,6 +3234,15 @@ function getDefaultColumnVisibilityFromDefs(columns) {
   }
   return defaults;
 }
+function getNonHideableColumnIds(columns) {
+  const ids = [];
+  for (const col of columns) {
+    if (col.id != null && col.enableHiding === false) {
+      ids.push(col.id);
+    }
+  }
+  return ids;
+}
 function getDirtyColumnVisibility(visibility, defaults) {
   const dirty = {};
   for (const [id, visible] of Object.entries(visibility)) {
@@ -3264,9 +3276,15 @@ function useBiampServerSideTable({
   onExpandedChange,
   getSubRows
 }) {
-  const { defaultColumnVisibility, columnIdToField, fieldToColumnId } = useMemo2(
+  const {
+    defaultColumnVisibility,
+    nonHideableColumnIds,
+    columnIdToField,
+    fieldToColumnId
+  } = useMemo2(
     () => ({
       defaultColumnVisibility: getDefaultColumnVisibilityFromDefs(columns),
+      nonHideableColumnIds: getNonHideableColumnIds(columns),
       ...getOrderFieldMappings(columns)
     }),
     [columns]
@@ -3285,13 +3303,16 @@ function useBiampServerSideTable({
     () => hasSelection ? selectedIdsToRowSelection(selectedRowIds) : void 0,
     [hasSelection, selectedRowIds]
   );
-  const mergedVisibility = useMemo2(
-    () => toVisibilityState({
+  const mergedVisibility = useMemo2(() => {
+    const merged = {
       ...defaultColumnVisibility,
       ...columnVisibility
-    }),
-    [defaultColumnVisibility, columnVisibility]
-  );
+    };
+    for (const id of nonHideableColumnIds) {
+      merged[id] = true;
+    }
+    return toVisibilityState(merged);
+  }, [defaultColumnVisibility, columnVisibility, nonHideableColumnIds]);
   return useReactTable({
     data,
     columns,
@@ -3328,9 +3349,11 @@ function useBiampServerSideTable({
     // Column visibility
     onColumnVisibilityChange: onColumnVisibilityChange ? (updater) => {
       const next = typeof updater === "function" ? updater(mergedVisibility) : updater;
-      onColumnVisibilityChange(
-        getDirtyColumnVisibility(next, defaultColumnVisibility)
-      );
+      const dirty = getDirtyColumnVisibility(next, defaultColumnVisibility);
+      for (const id of nonHideableColumnIds) {
+        delete dirty[id];
+      }
+      onColumnVisibilityChange(dirty);
     } : void 0,
     // Row selection — only when selectedRowIds is provided
     ...hasSelection && {
@@ -4019,6 +4042,7 @@ export {
   getDefaultColumnVisibility,
   getDefaultColumnVisibilityFromDefs,
   getDirtyColumnVisibility,
+  getNonHideableColumnIds,
   getOrderFieldMappings,
   orderToSorting,
   rowSelectionToSelectedIds,