@bwp-web/components 1.9.3 → 1.9.5

package/dist/index.js

@@ -749,7 +749,7 @@ function BiampSidebarIcon({
   const { expanded } = useContext2(BiampSidebarContext);
   const layoutDrawer = useBiampLayoutDrawer();
   const displayedSelectedIcon = selectedIcon ?? icon;
-  return /* @__PURE__ */ jsx3(Tooltip, { title: expanded ? "" : name ?? "", placement: "right", arrow: true, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs3(
     ListItemButton,
     {
       selected,
@@ -779,17 +779,26 @@ function BiampSidebarIcon({
       ...props,
       children: [
         /* @__PURE__ */ jsx3(
-          Box2,
+          Tooltip,
           {
-            sx: {
-              width: "48px",
-              height: "48px",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              flexShrink: 0
-            },
-            children: selected ? displayedSelectedIcon : icon
+            title: expanded ? "" : name ?? "",
+            placement: "right",
+            arrow: true,
+            disableInteractive: true,
+            children: /* @__PURE__ */ jsx3(
+              Box2,
+              {
+                sx: {
+                  width: "48px",
+                  height: "48px",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  flexShrink: 0
+                },
+                children: selected ? displayedSelectedIcon : icon
+              }
+            )
           }
         ),
         name && /* @__PURE__ */ jsx3(
@@ -811,7 +820,7 @@ function BiampSidebarIcon({
         )
       ]
     }
-  ) });
+  );
 }
 function BiampSidebarComponent({
   children,
@@ -2507,7 +2516,18 @@ function BiampTableColumnVisibility({
   slotProps,
   ...popoverProps
 }) {
-  const allVisible = table.getAllLeafColumns().every((col) => col.getIsVisible());
+  const hideableColumns = table.getAllLeafColumns().filter((col) => col.getCanHide() && !col.columnDef.meta?.alwaysShow);
+  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,
     {
@@ -2530,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,
@@ -3222,6 +3234,15 @@ function getDefaultColumnVisibilityFromDefs(columns) {
   }
   return defaults;
 }
+function getAlwaysShowColumnIds(columns) {
+  const ids = [];
+  for (const col of columns) {
+    if (col.id != null && col.meta?.alwaysShow) {
+      ids.push(col.id);
+    }
+  }
+  return ids;
+}
 function getDirtyColumnVisibility(visibility, defaults) {
   const dirty = {};
   for (const [id, visible] of Object.entries(visibility)) {
@@ -3255,9 +3276,15 @@ function useBiampServerSideTable({
   onExpandedChange,
   getSubRows
 }) {
-  const { defaultColumnVisibility, columnIdToField, fieldToColumnId } = useMemo2(
+  const {
+    defaultColumnVisibility,
+    alwaysShowColumnIds,
+    columnIdToField,
+    fieldToColumnId
+  } = useMemo2(
     () => ({
       defaultColumnVisibility: getDefaultColumnVisibilityFromDefs(columns),
+      alwaysShowColumnIds: getAlwaysShowColumnIds(columns),
       ...getOrderFieldMappings(columns)
     }),
     [columns]
@@ -3276,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 alwaysShowColumnIds) {
+      merged[id] = true;
+    }
+    return toVisibilityState(merged);
+  }, [defaultColumnVisibility, columnVisibility, alwaysShowColumnIds]);
   return useReactTable({
     data,
     columns,
@@ -3319,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 alwaysShowColumnIds) {
+        delete dirty[id];
+      }
+      onColumnVisibilityChange(dirty);
     } : void 0,
     // Row selection — only when selectedRowIds is provided
     ...hasSelection && {
@@ -4006,6 +4038,7 @@ export {
   buildCsvString,
   clearDynamicSvgIconCache,
   exportToCsv,
+  getAlwaysShowColumnIds,
   getColumnVisibilityDirtyCount,
   getDefaultColumnVisibility,
   getDefaultColumnVisibilityFromDefs,