@bwp-web/components 0.11.1 → 0.11.3

package/dist/index.cjs

@@ -47,11 +47,16 @@ __export(index_exports, {
   BiampTableToolbar: () => BiampTableToolbar,
   BiampTableToolbarActionButton: () => BiampTableToolbarActionButton,
   BiampTableToolbarActions: () => BiampTableToolbarActions,
+  BiampTableToolbarColumnVisibility: () => BiampTableToolbarColumnVisibility,
   BiampTableToolbarExport: () => BiampTableToolbarExport,
   BiampTableToolbarFilters: () => BiampTableToolbarFilters,
   BiampTableToolbarSearch: () => BiampTableToolbarSearch,
   BiampWrapper: () => BiampWrapper,
+  buildCsvString: () => buildCsvString,
+  exportToCsv: () => exportToCsv,
   getColumnVisibilityDirtyCount: () => getColumnVisibilityDirtyCount,
+  getDefaultColumnVisibility: () => getDefaultColumnVisibility,
+  toVisibilityState: () => toVisibilityState,
   useDebouncedCallback: () => useDebouncedCallback
 });
 module.exports = __toCommonJS(index_exports);
@@ -823,6 +828,7 @@ function BiampTableContainer({
   withBorderTop = true,
   withBorderBottom = false,
   children,
+  sx,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -831,10 +837,12 @@ function BiampTableContainer({
       direction: "column",
       height: "100%",
       overflow: "hidden",
+      px: { xs: 2, sm: 3, xl: 12.5 },
       py: { xs: 0, md: 1.5 },
       gap: { xs: 0, md: 1 },
       borderTop: withBorderTop ? ({ palette }) => `0.6px solid ${palette.divider}` : void 0,
       borderBottom: withBorderBottom ? ({ palette }) => `0.6px solid ${palette.divider}` : void 0,
+      sx: { ...sx },
       ...props,
       children
     }
@@ -860,14 +868,25 @@ function BiampTableCellActionButton({ label, icon, ...props }) {
 
 // src/BiampTable/BiampTableColumnVisibility.tsx
 var import_material9 = require("@mui/material");
-var import_react3 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function getColumnVisibilityDirtyCount(table, defaultVisibility = {}) {
+function toVisibilityState(visibility) {
+  return visibility;
+}
+function getDefaultColumnVisibility(table) {
+  const result = {};
+  for (const col of table.getAllLeafColumns()) {
+    const dv = col.columnDef.meta?.defaultVisible;
+    if (dv !== void 0) result[col.id] = dv;
+  }
+  return result;
+}
+function getColumnVisibilityDirtyCount(table, defaultVisibility) {
   const current = table.getState().columnVisibility;
+  const defaults = defaultVisibility ?? getDefaultColumnVisibility(table);
   let count = 0;
   for (const col of table.getAllLeafColumns()) {
     const isVisible = current[col.id] ?? true;
-    const wasVisible = defaultVisibility[col.id] ?? true;
+    const wasVisible = defaults[col.id] ?? true;
     if (isVisible !== wasVisible) count++;
   }
   return count;
@@ -884,7 +903,6 @@ var columnListItemSx = {
 };
 function BiampTableColumnVisibility({
   table,
-  onChange,
   showAllLabel = "Show all",
   anchorEl,
   anchorOrigin = { vertical: "bottom", horizontal: "right" },
@@ -892,13 +910,6 @@ function BiampTableColumnVisibility({
   slotProps,
   ...popoverProps
 }) {
-  const visibility = table.getState().columnVisibility;
-  const prevVisibilityRef = (0, import_react3.useRef)(visibility);
-  (0, import_react3.useEffect)(() => {
-    if (prevVisibilityRef.current === visibility) return;
-    prevVisibilityRef.current = visibility;
-    onChange?.(visibility);
-  }, [visibility, onChange]);
   const allVisible = table.getAllLeafColumns().every((col) => col.getIsVisible());
   const someVisible = table.getAllLeafColumns().some((col) => col.getIsVisible());
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -972,16 +983,95 @@ function BiampTableColumnVisibility({
   );
 }
 
-// src/BiampTable/BiampTablePagination.tsx
-var import_react4 = require("react");
+// src/BiampTable/BiampTableToolbarColumnVisibility.tsx
+var import_assets6 = require("@bwp-web/assets");
+var import_react3 = require("react");
+
+// src/BiampTable/BiampTableToolbarActionButton.tsx
 var import_material10 = require("@mui/material");
 var import_jsx_runtime12 = require("react/jsx-runtime");
+function BiampTableToolbarActionButton({
+  label,
+  icon,
+  badgeContent,
+  ...props
+}) {
+  const showBadge = badgeContent != null && badgeContent !== 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_material10.IconButton,
+    {
+      "aria-label": showBadge ? `${label} (${badgeContent})` : label,
+      ...props,
+      children: showBadge ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        import_material10.Badge,
+        {
+          badgeContent,
+          color: "info",
+          variant: "dot",
+          sx: {
+            "& .MuiBadge-badge": {
+              width: 6,
+              height: 6,
+              minWidth: 6,
+              borderRadius: "50%",
+              top: 0,
+              right: -3
+            }
+          },
+          children: icon
+        }
+      ) : icon
+    }
+  );
+}
+
+// src/BiampTable/BiampTableToolbarColumnVisibility.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function BiampTableToolbarColumnVisibility({
+  table,
+  icon = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_assets6.ColumnsIcon, { variant: "xs" }),
+  label = "Columns",
+  defaultColumnVisibility,
+  showAllLabel,
+  ...actionButtonProps
+}) {
+  const [anchorEl, setAnchorEl] = (0, import_react3.useState)(null);
+  const defaults = defaultColumnVisibility ?? getDefaultColumnVisibility(table);
+  const dirtyCount = getColumnVisibilityDirtyCount(table, defaults);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      BiampTableToolbarActionButton,
+      {
+        label,
+        icon,
+        badgeContent: dirtyCount,
+        onClick: (e) => setAnchorEl(e.currentTarget),
+        ...actionButtonProps
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      BiampTableColumnVisibility,
+      {
+        table,
+        anchorEl,
+        onClose: () => setAnchorEl(null),
+        showAllLabel
+      }
+    )
+  ] });
+}
+
+// src/BiampTable/BiampTablePagination.tsx
+var import_react4 = require("react");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function BiampTablePagination({
   table,
   rowsPerPageOptions,
   loading,
   autoHide = true,
-  ...boxProps
+  sx,
+  ...paginationProps
 }) {
   const rowCount = table.getRowCount();
   const lastRowCountRef = (0, import_react4.useRef)(rowCount);
@@ -991,10 +1081,10 @@ function BiampTablePagination({
   const stableCount = loading ? lastRowCountRef.current : rowCount;
   const pageSize = table.getState().pagination.pageSize;
   if (autoHide && !loading && stableCount <= pageSize) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Box, { ...boxProps, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_material10.TablePagination,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_material11.TablePagination,
     {
-      component: "div",
+      component: import_material11.Box,
       count: stableCount,
       page: table.getState().pagination.pageIndex,
       rowsPerPage: table.getState().pagination.pageSize,
@@ -1005,96 +1095,73 @@ function BiampTablePagination({
       },
       rowsPerPageOptions: rowsPerPageOptions ?? [],
       showFirstButton: true,
-      showLastButton: true
+      showLastButton: true,
+      sx: {
+        height: 40,
+        minHeight: 40,
+        "& .MuiToolbar-root": {
+          minHeight: 40,
+          px: 0
+        },
+        ...sx
+      },
+      ...paginationProps
     }
-  ) });
+  );
 }
 
 // src/BiampTable/BiampTableToolbar.tsx
-var import_material11 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_material12 = require("@mui/material");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function BiampTableToolbar({
   children,
+  sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_material11.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_material12.Box,
     {
       role: "toolbar",
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      gap: 1,
+      gap: { xs: 0, md: 1 },
+      minHeight: 44,
+      pl: { xs: 2, sm: 3, xl: 12.5 },
+      pr: { xs: 0, md: 3, xl: 12.5 },
+      sx: { ...sx },
       ...props,
       children
     }
   );
 }
 
-// src/BiampTable/BiampTableToolbarActionButton.tsx
-var import_material12 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function BiampTableToolbarActionButton({
-  label,
-  icon,
-  badgeContent,
-  ...props
-}) {
-  const showBadge = badgeContent != null && badgeContent !== 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_material12.IconButton,
-    {
-      "aria-label": showBadge ? `${label} (${badgeContent})` : label,
-      ...props,
-      children: showBadge ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_material12.Badge,
-        {
-          badgeContent,
-          color: "info",
-          variant: "dot",
-          sx: {
-            "& .MuiBadge-badge": {
-              width: 6,
-              height: 6,
-              minWidth: 6,
-              borderRadius: "50%",
-              top: 0,
-              right: -3
-            }
-          },
-          children: icon
-        }
-      ) : icon
-    }
-  );
-}
-
 // src/BiampTable/BiampTableToolbarActions.tsx
 var import_material13 = require("@mui/material");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function BiampTableToolbarActions({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Box, { display: "flex", alignItems: "center", gap: 1, ml: "auto", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Box, { display: "flex", alignItems: "center", gap: 1, ml: "auto", ...props, children });
 }
 
 // src/BiampTable/BiampTableToolbarExport.tsx
 var import_material14 = require("@mui/material");
-var import_assets6 = require("@bwp-web/assets");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_assets7 = require("@bwp-web/assets");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function BiampTableToolbarExport({
   onExport,
   loading,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_assets6.DownloadIcon, { variant: "xs" }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_assets7.DownloadIcon, { variant: "xs" }),
   label = "Export",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     BiampTableToolbarActionButton,
     {
       label: loading ? `${label}, loading` : label,
-      icon: loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material14.CircularProgress, { size: 20, color: "inherit" }) : icon,
+      icon: loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.CircularProgress, { size: 20, color: "inherit" }) : icon,
       disabled: loading,
       onClick: onExport,
       ...props
@@ -1104,15 +1171,15 @@ function BiampTableToolbarExport({
 
 // src/BiampTable/BiampTableToolbarFilters.tsx
 var import_material15 = require("@mui/material");
-var import_assets7 = require("@bwp-web/assets");
+var import_assets8 = require("@bwp-web/assets");
 var import_react5 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function BiampTableToolbarFilters({
   activeFilterCount,
   children,
   onReset,
   onApply,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_assets7.FilterIcon, { variant: "xs" }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_assets8.FilterIcon, { variant: "xs" }),
   title = "Filters",
   resetLabel = "Clear filters",
   applyLabel = "Apply",
@@ -1126,8 +1193,8 @@ function BiampTableToolbarFilters({
     onApply?.();
     setOpen(false);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       BiampTableToolbarActionButton,
       {
         label: buttonLabel,
@@ -1136,7 +1203,7 @@ function BiampTableToolbarFilters({
         onClick: () => setOpen(true)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_material15.Drawer,
       {
         anchor: "right",
@@ -1148,7 +1215,7 @@ function BiampTableToolbarFilters({
           sx: { width: { xs: "100%", sm: 480 } },
           ...drawerProps?.PaperProps
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           import_material15.Box,
           {
             height: "100%",
@@ -1156,8 +1223,8 @@ function BiampTableToolbarFilters({
             flexDirection: "column",
             justifyContent: "space-between",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material15.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Box, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                   import_material15.Box,
                   {
                     display: "flex",
@@ -1166,9 +1233,9 @@ function BiampTableToolbarFilters({
                     px: 3.5,
                     py: 2.5,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material15.Typography, { id: titleId, variant: "h2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Typography, { id: titleId, variant: "h2", children: [
                         title,
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                           import_material15.Badge,
                           {
                             badgeContent: activeFilterCount,
@@ -1177,20 +1244,20 @@ function BiampTableToolbarFilters({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         import_material15.IconButton,
                         {
                           size: "medium",
                           onClick: handleClose,
                           "aria-label": closeLabel,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_assets7.CloseIcon, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_assets8.CloseIcon, {})
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.Divider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Divider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   import_material15.Box,
                   {
                     role: "group",
@@ -1204,8 +1271,8 @@ function BiampTableToolbarFilters({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material15.Box, { display: "flex", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Box, { display: "flex", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   import_material15.Button,
                   {
                     variant: "overlay",
@@ -1216,7 +1283,7 @@ function BiampTableToolbarFilters({
                     children: resetLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   import_material15.Button,
                   {
                     variant: "overlay",
@@ -1237,7 +1304,7 @@ function BiampTableToolbarFilters({
 
 // src/BiampTable/BiampTableToolbarSearch.tsx
 var import_material16 = require("@mui/material");
-var import_assets8 = require("@bwp-web/assets");
+var import_assets9 = require("@bwp-web/assets");
 var import_react7 = require("react");
 
 // src/BiampTable/useDebouncedCallback.ts
@@ -1265,7 +1332,7 @@ function useDebouncedCallback(callback, delay = BIAMP_TABLE_DEBOUNCE_DELAY) {
 }
 
 // src/BiampTable/BiampTableToolbarSearch.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var searchFieldSx = {
   "& .MuiInputBase-root": {
     height: 36,
@@ -1280,10 +1347,13 @@ function BiampTableToolbarSearch({
   maxWidth = 280,
   placeholder = "Search",
   clearLabel = "Clear search",
+  expandable = false,
+  expandLabel,
   sx,
   ...textFieldProps
 }) {
   const [inputValue, setInputValue] = (0, import_react7.useState)(defaultValue);
+  const [isExpanded, setIsExpanded] = (0, import_react7.useState)(false);
   const debouncedOnChange = useDebouncedCallback(onChange, debounceDelay);
   (0, import_react7.useEffect)(() => {
     setInputValue(defaultValue);
@@ -1296,7 +1366,22 @@ function BiampTableToolbarSearch({
     setInputValue("");
     debouncedOnChange("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const handleBlur = () => {
+    if (expandable && !inputValue) {
+      setIsExpanded(false);
+    }
+  };
+  const clearButton = inputValue ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material16.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_material16.IconButton,
+    {
+      size: "small",
+      onClick: handleClear,
+      "aria-label": clearLabel,
+      sx: { mr: 0.5 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_assets9.CloseIcon, { variant: "xs", sx: { width: 20, height: 20 } })
+    }
+  ) }) : null;
+  const textField = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_material16.TextField,
     {
       name: "search",
@@ -1305,38 +1390,97 @@ function BiampTableToolbarSearch({
       slotProps: {
         htmlInput: { maxLength, "aria-label": placeholder },
         input: {
-          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.InputAdornment, { position: "start", sx: { ml: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_assets8.SearchIcon,
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material16.InputAdornment, { position: "start", sx: { ml: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_assets9.SearchIcon,
             {
               variant: "xs",
               color: "inherit",
               sx: { width: 16, height: 16 }
             }
           ) }),
-          endAdornment: inputValue ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_material16.IconButton,
-            {
-              size: "small",
-              onClick: handleClear,
-              "aria-label": clearLabel,
-              sx: { mr: 0.5 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_assets8.CloseIcon, { variant: "xs", sx: { width: 20, height: 20 } })
-            }
-          ) }) : null
+          endAdornment: clearButton
         }
       },
       fullWidth: true,
       sx: [
         searchFieldSx,
-        { maxWidth },
+        expandable ? { width: 170 } : { maxWidth },
         ...Array.isArray(sx) ? sx : sx ? [sx] : []
       ],
       variant: "outlined",
       value: inputValue,
       onChange: handleChange,
+      onBlur: handleBlur,
+      ...expandable && isExpanded && !defaultValue && { autoFocus: true },
       ...textFieldProps
     }
   );
+  if (expandable) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material16.Box, { display: "flex", alignItems: "center", minWidth: 28, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_material16.IconButton,
+        {
+          "aria-label": expandLabel ?? placeholder,
+          onClick: () => setIsExpanded(true),
+          sx: { display: isExpanded || inputValue ? "none" : "flex" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_assets9.SearchIcon,
+            {
+              variant: "xs",
+              color: "inherit",
+              sx: { width: 16, height: 16 }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_material16.Collapse,
+        {
+          in: isExpanded || !!inputValue,
+          orientation: "horizontal",
+          unmountOnExit: true,
+          children: textField
+        }
+      )
+    ] });
+  }
+  return textField;
+}
+
+// src/BiampTable/exportCsv.ts
+function exportToCsv(rows, columns, filename = "export") {
+  const csvContent = buildCsvString(rows, columns);
+  downloadCsv(csvContent, filename);
+}
+function buildCsvString(rows, columns) {
+  const header = columns.map((col) => escapeCsvField(col.header)).join(",");
+  const dataRows = rows.map(
+    (row) => columns.map((col) => escapeCsvField(formatCsvValue(col.accessor(row)))).join(",")
+  );
+  return [header, ...dataRows].join("\n");
+}
+function escapeCsvField(value) {
+  if (value.includes(",") || value.includes('"') || value.includes("\n")) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function formatCsvValue(value) {
+  if (value == null) return "";
+  if (value instanceof Date) return value.toISOString();
+  return String(value);
+}
+function downloadCsv(csvContent, filename) {
+  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.setAttribute("href", url);
+  link.setAttribute("download", `${filename}.csv`);
+  link.style.display = "none";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1367,11 +1511,16 @@ function BiampTableToolbarSearch({
   BiampTableToolbar,
   BiampTableToolbarActionButton,
   BiampTableToolbarActions,
+  BiampTableToolbarColumnVisibility,
   BiampTableToolbarExport,
   BiampTableToolbarFilters,
   BiampTableToolbarSearch,
   BiampWrapper,
+  buildCsvString,
+  exportToCsv,
   getColumnVisibilityDirtyCount,
+  getDefaultColumnVisibility,
+  toVisibilityState,
   useDebouncedCallback
 });
 //# sourceMappingURL=index.cjs.map