@bwp-web/components 0.11.0 → 0.11.2

package/dist/index.cjs

@@ -47,11 +47,15 @@ __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,
   useDebouncedCallback: () => useDebouncedCallback
 });
 module.exports = __toCommonJS(index_exports);
@@ -719,7 +723,7 @@ function BiampTable({
                   verticalAlign: "middle",
                   height: "100%"
                 },
-                children: error === true ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BiampTableErrorState, {}) : error
+                children: error === true ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BiampTableErrorState, {}) : error instanceof Error ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BiampTableErrorState, { description: error.message }) : error
               }
             ) }) : showEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               import_material6.TableCell,
@@ -823,6 +827,7 @@ function BiampTableContainer({
   withBorderTop = true,
   withBorderBottom = false,
   children,
+  sx,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -831,10 +836,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
     }
@@ -862,12 +869,21 @@ function BiampTableCellActionButton({ label, icon, ...props }) {
 var import_material9 = require("@mui/material");
 var import_react3 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function getColumnVisibilityDirtyCount(table, defaultVisibility = {}) {
+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;
@@ -972,10 +988,90 @@ function BiampTableColumnVisibility({
   );
 }
 
-// src/BiampTable/BiampTablePagination.tsx
+// src/BiampTable/BiampTableToolbarColumnVisibility.tsx
+var import_assets6 = require("@bwp-web/assets");
 var import_react4 = 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,
+  onChange,
+  showAllLabel,
+  ...actionButtonProps
+}) {
+  const [anchorEl, setAnchorEl] = (0, import_react4.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),
+        onChange,
+        showAllLabel
+      }
+    )
+  ] });
+}
+
+// src/BiampTable/BiampTablePagination.tsx
+var import_react5 = require("react");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function BiampTablePagination({
   table,
   rowsPerPageOptions,
@@ -984,15 +1080,15 @@ function BiampTablePagination({
   ...boxProps
 }) {
   const rowCount = table.getRowCount();
-  const lastRowCountRef = (0, import_react4.useRef)(rowCount);
+  const lastRowCountRef = (0, import_react5.useRef)(rowCount);
   if (!loading && rowCount >= 0) {
     lastRowCountRef.current = rowCount;
   }
   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.Box, { ...boxProps, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_material11.TablePagination,
     {
       component: "div",
       count: stableCount,
@@ -1011,90 +1107,57 @@ function BiampTablePagination({
 }
 
 // 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 +1167,15 @@ function BiampTableToolbarExport({
 
 // src/BiampTable/BiampTableToolbarFilters.tsx
 var import_material15 = require("@mui/material");
-var import_assets7 = require("@bwp-web/assets");
-var import_react5 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_assets8 = require("@bwp-web/assets");
+var import_react6 = require("react");
+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",
@@ -1120,14 +1183,14 @@ function BiampTableToolbarFilters({
   buttonLabel = "Filters",
   DrawerProps: drawerProps
 }) {
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  const titleId = (0, import_react5.useId)();
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  const titleId = (0, import_react6.useId)();
   function handleClose() {
     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 +1199,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 +1211,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 +1219,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 +1229,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 +1240,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 +1267,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 +1279,7 @@ function BiampTableToolbarFilters({
                     children: resetLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   import_material15.Button,
                   {
                     variant: "overlay",
@@ -1237,22 +1300,22 @@ function BiampTableToolbarFilters({
 
 // src/BiampTable/BiampTableToolbarSearch.tsx
 var import_material16 = require("@mui/material");
-var import_assets8 = require("@bwp-web/assets");
-var import_react7 = require("react");
+var import_assets9 = require("@bwp-web/assets");
+var import_react8 = require("react");
 
 // src/BiampTable/useDebouncedCallback.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 var BIAMP_TABLE_DEBOUNCE_DELAY = 300;
 function useDebouncedCallback(callback, delay = BIAMP_TABLE_DEBOUNCE_DELAY) {
-  const timeoutRef = (0, import_react6.useRef)(null);
-  const callbackRef = (0, import_react6.useRef)(callback);
+  const timeoutRef = (0, import_react7.useRef)(null);
+  const callbackRef = (0, import_react7.useRef)(callback);
   callbackRef.current = callback;
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     return () => {
       if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
     };
   }, []);
-  return (0, import_react6.useCallback)(
+  return (0, import_react7.useCallback)(
     (...args) => {
       if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
       timeoutRef.current = setTimeout(
@@ -1265,7 +1328,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,12 +1343,15 @@ function BiampTableToolbarSearch({
   maxWidth = 280,
   placeholder = "Search",
   clearLabel = "Clear search",
+  expandable = false,
+  expandLabel,
   sx,
   ...textFieldProps
 }) {
-  const [inputValue, setInputValue] = (0, import_react7.useState)(defaultValue);
+  const [inputValue, setInputValue] = (0, import_react8.useState)(defaultValue);
+  const [isExpanded, setIsExpanded] = (0, import_react8.useState)(false);
   const debouncedOnChange = useDebouncedCallback(onChange, debounceDelay);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     setInputValue(defaultValue);
   }, [defaultValue]);
   const handleChange = (e) => {
@@ -1296,7 +1362,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 +1386,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 +1507,15 @@ function BiampTableToolbarSearch({
   BiampTableToolbar,
   BiampTableToolbarActionButton,
   BiampTableToolbarActions,
+  BiampTableToolbarColumnVisibility,
   BiampTableToolbarExport,
   BiampTableToolbarFilters,
   BiampTableToolbarSearch,
   BiampWrapper,
+  buildCsvString,
+  exportToCsv,
   getColumnVisibilityDirtyCount,
+  getDefaultColumnVisibility,
   useDebouncedCallback
 });
 //# sourceMappingURL=index.cjs.map