@bwp-web/components 0.11.6 → 0.12.0

package/dist/BiampTable/BiampTable.d.ts

@@ -20,10 +20,12 @@ export type BiampTableProps<TData> = BoxProps & {
     empty?: boolean | ReactNode;
     /** When true, renders a checkbox column for row selection. @default false */
     enableRowSelection?: boolean;
+    /** When true, renders an expand/collapse toggle column for rows that have sub-rows. @default false */
+    enableExpanding?: boolean;
     /** When true, hides the "select all" header checkbox while keeping individual row checkboxes. */
     hideSelectAll?: boolean;
     /** Returns a human-readable name for a row, used in ARIA labels (e.g. "Select: Conference Room A"). Falls back to row index. */
     getRowLabel?: (row: TData) => string;
 };
-export declare function BiampTable<TData>({ table, onRowClick, isRowClickable, loading, error, empty, enableRowSelection, hideSelectAll, getRowLabel, sx, ...boxProps }: BiampTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function BiampTable<TData>({ table, onRowClick, isRowClickable, loading, error, empty, enableRowSelection, enableExpanding, hideSelectAll, getRowLabel, sx, ...boxProps }: BiampTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BiampTable.d.ts.map

package/dist/BiampTable/BiampTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAUd,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAc,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAG9E,OAAO,iBAAiB,CAAC;AAGzB,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI,QAAQ,GAAG;IAC9C,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wKAAwK;IACxK,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACpC,6IAA6I;IAC7I,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gIAAgI;IAChI,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CACtC,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,kBAA0B,EAC1B,aAAa,EACb,WAAW,EACX,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,KAAK,CAAC,2CAkTxB"}
+{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAWd,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAGtD,OAAO,iBAAiB,CAAC;AAGzB,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI,QAAQ,GAAG;IAC9C,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wKAAwK;IACxK,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACpC,6IAA6I;IAC7I,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sGAAsG;IACtG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gIAAgI;IAChI,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CACtC,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,aAAa,EACb,WAAW,EACX,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,KAAK,CAAC,2CAkVxB"}

package/dist/BiampTable/BiampTableColumnVisibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampTableColumnVisibility.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTableColumnVisibility.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,YAAY,EAIlB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,iBAAiB,CAAC;AAEzB;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEhE;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,gBAAgB,GAC3B,eAAe,CAEjB;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAC9C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAClB,gBAAgB,CAOlB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EACjD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EACnB,iBAAiB,CAAC,EAAE,gBAAgB,GACnC,MAAM,CAUR;AAED,MAAM,MAAM,+BAA+B,CAAC,KAAK,IAAI,IAAI,CACvD,YAAY,EACZ,MAAM,CACP,GAAG;IACF,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAcF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,EAChD,KAAK,EACL,YAAyB,EACzB,QAAQ,EACR,YAA0D,EAC1D,eAA0D,EAC1D,SAAS,EACT,GAAG,YAAY,EAChB,EAAE,+BAA+B,CAAC,KAAK,CAAC,2CAuExC"}
+{"version":3,"file":"BiampTableColumnVisibility.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTableColumnVisibility.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,YAAY,EAIlB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,iBAAiB,CAAC;AAEzB;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEhE;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,gBAAgB,GAC3B,eAAe,CAEjB;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAC9C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAClB,gBAAgB,CAOlB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EACjD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EACnB,iBAAiB,CAAC,EAAE,gBAAgB,GACnC,MAAM,CAUR;AAED,MAAM,MAAM,+BAA+B,CAAC,KAAK,IAAI,IAAI,CACvD,YAAY,EACZ,MAAM,CACP,GAAG;IACF,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAcF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,EAChD,KAAK,EACL,YAAyB,EACzB,QAAQ,EACR,YAA0D,EAC1D,eAA0D,EAC1D,SAAS,EACT,GAAG,YAAY,EAChB,EAAE,+BAA+B,CAAC,KAAK,CAAC,2CA6ExC"}

package/dist/BiampTable/BiampTableToolbarActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampTableToolbarActions.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTableToolbarActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;AAErD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAM/B"}
+{"version":3,"file":"BiampTableToolbarActions.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTableToolbarActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;AAErD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAa/B"}

package/dist/BiampTable/BiampTableToolbarSearch.d.ts

@@ -18,6 +18,8 @@ export type BiampTableToolbarSearchProps = {
     expandable?: boolean;
     /** Accessible label for the collapsed icon button (only used when expandable is true). @default placeholder */
     expandLabel?: string;
+    /** When true, renders a simplified full-width InputBase on screens below the `md` breakpoint. @default true */
+    enableMobileView?: boolean;
 } & Omit<TextFieldProps, 'onChange' | 'value' | 'defaultValue'>;
-export declare function BiampTableToolbarSearch({ onChange, defaultValue, debounceDelay, maxLength, maxWidth, placeholder, clearLabel, expandable, expandLabel, sx, ...textFieldProps }: BiampTableToolbarSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function BiampTableToolbarSearch({ onChange, defaultValue, debounceDelay, maxLength, maxWidth, placeholder, clearLabel, expandable, expandLabel, enableMobileView, sx, ...textFieldProps }: BiampTableToolbarSearchProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BiampTableToolbarSearch.d.ts.map

package/dist/BiampTable/BiampTableToolbarSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampTableToolbarSearch.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTableToolbarSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,4BAA4B,GAAG;IACzC,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+GAA+G;IAC/G,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAC;AAYhE,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,YAAiB,EACjB,aAA0C,EAC1C,SAAe,EACf,QAAc,EACd,WAAsB,EACtB,UAA2B,EAC3B,UAAkB,EAClB,WAAW,EACX,EAAE,EACF,GAAG,cAAc,EAClB,EAAE,4BAA4B,2CAmG9B"}
+{"version":3,"file":"BiampTableToolbarSearch.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTableToolbarSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,4BAA4B,GAAG;IACzC,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+GAA+G;IAC/G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAC;AAYhE,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,YAAiB,EACjB,aAA0C,EAC1C,SAAe,EACf,QAAc,EACd,WAAsB,EACtB,UAA2B,EAC3B,UAAkB,EAClB,WAAW,EACX,gBAAuB,EACvB,EAAE,EACF,GAAG,cAAc,EAClB,EAAE,4BAA4B,2CA4H9B"}

package/dist/BiampTable/tanstack-meta.d.ts

@@ -7,6 +7,8 @@ declare module '@tanstack/react-table' {
         sticky?: 'left' | 'right';
         /** Whether this column is visible by default. Defaults to `true` (visible). */
         defaultVisible?: boolean;
+        /** Human-readable label used in the column-visibility menu when `header` is not a string. */
+        columnLabel?: string;
     }
 }
 //# sourceMappingURL=tanstack-meta.d.ts.map

package/dist/BiampTable/tanstack-meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tanstack-meta.d.ts","sourceRoot":"","sources":["../../src/BiampTable/tanstack-meta.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,0DAA0D;QAC1D,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC3B,sEAAsE;QACtE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,+EAA+E;QAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B;CACF"}
+{"version":3,"file":"tanstack-meta.d.ts","sourceRoot":"","sources":["../../src/BiampTable/tanstack-meta.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,0DAA0D;QAC1D,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC3B,sEAAsE;QACtE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,+EAA+E;QAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,6FAA6F;QAC7F,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB;CACF"}

package/dist/index.cjs

@@ -614,6 +614,7 @@ function BiampTable({
   error,
   empty,
   enableRowSelection = false,
+  enableExpanding = false,
   hideSelectAll,
   getRowLabel,
   sx,
@@ -627,24 +628,9 @@ function BiampTable({
     enableRowSelection ? 48 : 0
   );
   const containerRef = (0, import_react3.useRef)(null);
-  const lastScrollLeftRef = (0, import_react3.useRef)(null);
-  const onContainerScroll = (0, import_react3.useCallback)((target) => {
-    const { scrollLeft, scrollWidth, clientWidth } = target;
-    if (!containerRef.current || lastScrollLeftRef.current === scrollLeft)
-      return;
-    containerRef.current.dataset["rightShadow"] = scrollWidth - clientWidth > scrollLeft ? "true" : "false";
-    lastScrollLeftRef.current = scrollLeft;
-  }, []);
-  (0, import_react3.useEffect)(() => {
-    if (!containerRef.current) return;
-    const observer = new ResizeObserver(
-      ([{ target }]) => onContainerScroll(target)
-    );
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, [onContainerScroll]);
   const showLoading = useLoadingDelay(!!loading);
   const rows = table.getRowModel().rows;
+  const hasExpandableRows = enableExpanding && rows.some((r) => r.getCanExpand());
   const showError = !!error && !loading;
   const showEmpty = !showError && !loading && rows.length === 0;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
@@ -653,7 +639,6 @@ function BiampTable({
       component: import_material6.Box,
       ...boxProps,
       ref: containerRef,
-      onScroll: (e) => onContainerScroll(e.currentTarget),
       sx: {
         display: "flex",
         flexDirection: "column",
@@ -661,12 +646,6 @@ function BiampTable({
         overflow: "auto",
         overscrollBehavior: "none",
         position: "relative",
-        '& [data-sticky="right"]': {
-          transition: "box-shadow .2s"
-        },
-        '&[data-right-shadow="true"] [data-sticky="right"]': {
-          boxShadow: ({ palette }) => `-16px 0px 12px -2px ${palette.background.default}`
-        },
         ...sx
       },
       children: [
@@ -693,6 +672,7 @@ function BiampTable({
                         checked: table.getIsAllPageRowsSelected(),
                         indeterminate: table.getIsSomePageRowsSelected(),
                         onChange: table.getToggleAllPageRowsSelectedHandler(),
+                        sx: rows.length === 0 ? { visibility: "hidden" } : void 0,
                         slotProps: { input: { "aria-label": "Select all rows" } }
                       }
                     )
@@ -781,6 +761,7 @@ function BiampTable({
                               disabled: !row.getCanSelect(),
                               onChange: row.getToggleSelectedHandler(),
                               onClick: (e) => e.stopPropagation(),
+                              sx: !row.getCanSelect() ? { visibility: "hidden" } : void 0,
                               slotProps: {
                                 input: {
                                   "aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
@@ -790,8 +771,11 @@ function BiampTable({
                           )
                         }
                       ),
-                      row.getVisibleCells().map((cell) => {
+                      row.getVisibleCells().map((cell, cellIndex, cells) => {
                         const sticky = cell.column.columnDef.meta?.sticky;
+                        const isExpandCell = enableExpanding && !sticky && cellIndex === cells.findIndex(
+                          (c) => !c.column.columnDef.meta?.sticky
+                        );
                         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           import_material6.TableCell,
                           {
@@ -811,7 +795,45 @@ function BiampTable({
                                 }
                               }
                             },
-                            children: (0, import_react_table.flexRender)(
+                            children: isExpandCell ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                              import_material6.Box,
+                              {
+                                sx: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  pl: `${row.depth * 12}px`
+                                },
+                                children: [
+                                  row.getCanExpand() ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                                    import_material6.IconButton,
+                                    {
+                                      variant: "none",
+                                      onClick: (e) => {
+                                        e.stopPropagation();
+                                        row.toggleExpanded();
+                                      },
+                                      "aria-label": row.getIsExpanded() ? `Collapse ${getRowLabel ? getRowLabel(row.original) : `row ${row.index + 1}`}` : `Expand ${getRowLabel ? getRowLabel(row.original) : `row ${row.index + 1}`}`,
+                                      "aria-expanded": row.getIsExpanded(),
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                                        import_assets5.ChevronRightIcon,
+                                        {
+                                          variant: "xs",
+                                          sx: {
+                                            color: ({ palette }) => palette.text.secondary,
+                                            transition: "transform 150ms ease",
+                                            transform: row.getIsExpanded() ? "rotate(90deg)" : "rotate(0deg)"
+                                          }
+                                        }
+                                      )
+                                    }
+                                  ) : hasExpandableRows ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Box, { sx: { width: 28 } }) : null,
+                                  (0, import_react_table.flexRender)(
+                                    cell.column.columnDef.cell,
+                                    cell.getContext()
+                                  )
+                                ]
+                              }
+                            ) : (0, import_react_table.flexRender)(
                               cell.column.columnDef.cell,
                               cell.getContext()
                             )
@@ -988,6 +1010,7 @@ function BiampTableColumnVisibility({
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           import_material9.ListItem,
           {
+            dense: true,
             sx: columnListItemSx,
             onClick: () => table.toggleAllColumnsVisible(!allVisible),
             children: [
@@ -996,39 +1019,45 @@ function BiampTableColumnVisibility({
                 {
                   checked: allVisible,
                   indeterminate: !allVisible && someVisible,
-                  size: "small",
                   slotProps: { input: { "aria-label": `${showAllLabel} columns` } }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Typography, { variant: "caption", children: showAllLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Typography, { variant: "caption", fontWeight: 600, children: showAllLabel })
             ]
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Box, { sx: { maxHeight: 340, overflow: "auto" }, children: table.getAllLeafColumns().map((column) => {
-          const columnName = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-            import_material9.ListItem,
-            {
-              sx: columnListItemSx,
-              onClick: column.getToggleVisibilityHandler(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  import_material9.Checkbox,
-                  {
-                    checked: column.getIsVisible(),
-                    size: "small",
-                    slotProps: {
-                      input: { "aria-label": `Show ${columnName}` }
-                    }
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Typography, { variant: "caption", children: columnName })
-              ]
-            },
-            column.id
-          );
-        }) })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_material9.Box,
+          {
+            sx: { maxHeight: 340, overflow: "auto", overscrollBehavior: "none" },
+            children: table.getAllLeafColumns().map((column) => {
+              const columnName = column.columnDef.meta?.columnLabel ?? (typeof column.columnDef.header === "string" ? column.columnDef.header : column.id);
+              return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                import_material9.ListItem,
+                {
+                  dense: true,
+                  sx: columnListItemSx,
+                  onClick: column.getToggleVisibilityHandler(),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      import_material9.Checkbox,
+                      {
+                        checked: column.getIsVisible(),
+                        sx: { py: 1 },
+                        slotProps: {
+                          input: { "aria-label": `Show ${columnName}` }
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Typography, { variant: "caption", children: columnName })
+                  ]
+                },
+                column.id
+              );
+            })
+          }
+        )
       ] })
     }
   );
@@ -1206,7 +1235,18 @@ function BiampTableToolbarActions({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.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",
+      ml: "auto",
+      gap: { xs: 0, md: 1 },
+      mr: { xs: 1, md: 0 },
+      ...props,
+      children
+    }
+  );
 }
 
 // src/BiampTable/BiampTableToolbarExport.tsx
@@ -1415,9 +1455,11 @@ function BiampTableToolbarSearch({
   clearLabel = "Clear search",
   expandable = false,
   expandLabel,
+  enableMobileView = true,
   sx,
   ...textFieldProps
 }) {
+  const isMobile = (0, import_material16.useMediaQuery)((t) => t.breakpoints.down("md"));
   const [inputValue, setInputValue] = (0, import_react8.useState)(defaultValue);
   const [isExpanded, setIsExpanded] = (0, import_react8.useState)(false);
   const debouncedOnChange = useDebouncedCallback(onChange, debounceDelay);
@@ -1481,6 +1523,30 @@ function BiampTableToolbarSearch({
       ...textFieldProps
     }
   );
+  if (isMobile && enableMobileView) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material16.Box, { display: "flex", alignItems: "center", width: "100%", pr: 1, gap: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_assets9.SearchIcon, { sx: { width: 16, height: 16 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_material16.InputBase,
+        {
+          name: "search",
+          type: "text",
+          placeholder,
+          inputProps: { maxLength, "aria-label": "Search" },
+          fullWidth: true,
+          value: inputValue,
+          sx: {
+            paddingLeft: 1,
+            height: "36px !important",
+            minHeight: "36px !important",
+            fontSize: (t) => t.typography.body2.fontSize
+          },
+          onChange: handleChange,
+          endAdornment: clearButton
+        }
+      )
+    ] });
+  }
   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)(