@bwp-web/components 0.11.5 → 0.11.7

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,2CAwSxB"}
+{"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,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,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,2CA6RxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"BiampTablePagination.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,MAAM,yBAAyB,CAAC,KAAK,IAAI;IAC7C,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACxC,GAAG,IAAI,CACN,oBAAoB,CAAC,KAAK,CAAC,EACzB,WAAW,GACX,OAAO,GACP,MAAM,GACN,aAAa,GACb,cAAc,GACd,qBAAqB,GACrB,oBAAoB,GACpB,UAAU,CACb,CAAC;AAQF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,EAC1C,KAAK,EACL,kBAAkB,EAClB,OAAO,EACP,QAAe,EACf,QAAmB,EACnB,EAAE,EACF,GAAG,eAAe,EACnB,EAAE,yBAAyB,CAAC,KAAK,CAAC,kDAkDlC"}
+{"version":3,"file":"BiampTablePagination.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,MAAM,yBAAyB,CAAC,KAAK,IAAI;IAC7C,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACxC,GAAG,IAAI,CACN,oBAAoB,CAAC,KAAK,CAAC,EACzB,WAAW,GACX,OAAO,GACP,MAAM,GACN,aAAa,GACb,cAAc,GACd,qBAAqB,GACrB,oBAAoB,GACpB,UAAU,CACb,CAAC;AAQF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,EAC1C,KAAK,EACL,kBAAkB,EAClB,OAAO,EACP,QAAe,EACf,QAAmB,EACnB,EAAE,EACF,GAAG,eAAe,EACnB,EAAE,yBAAyB,CAAC,KAAK,CAAC,kDAiDlC"}

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/index.cjs

@@ -627,22 +627,6 @@ 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 showError = !!error && !loading;
@@ -653,7 +637,6 @@ function BiampTable({
       component: import_material6.Box,
       ...boxProps,
       ref: containerRef,
-      onScroll: (e) => onContainerScroll(e.currentTarget),
       sx: {
         display: "flex",
         flexDirection: "column",
@@ -661,12 +644,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 +670,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" } }
                       }
                     )
@@ -709,11 +687,14 @@ function BiampTable({
                         "aria-sort": header.column.getIsSorted() ? header.column.getIsSorted() === "asc" ? "ascending" : "descending" : "none"
                       },
                       sx: {
-                        minWidth: header.column.columnDef.meta?.minWidth ?? 40,
+                        minWidth: sticky ? void 0 : header.column.columnDef.meta?.minWidth ?? 40,
                         ...sticky && {
                           position: "sticky",
                           [sticky]: 0,
                           zIndex: 3,
+                          width: 0,
+                          whiteSpace: "nowrap",
+                          textAlign: "center",
                           bgcolor: "background.paper"
                         }
                       },
@@ -778,6 +759,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}`
@@ -794,11 +776,14 @@ function BiampTable({
                           {
                             "data-sticky": sticky || void 0,
                             sx: {
-                              minWidth: cell.column.columnDef.meta?.minWidth ?? 40,
+                              minWidth: sticky ? void 0 : cell.column.columnDef.meta?.minWidth ?? 40,
                               ...sticky && {
                                 position: "sticky",
                                 [sticky]: 0,
                                 zIndex: 2,
+                                width: 0,
+                                whiteSpace: "nowrap",
+                                textAlign: "center",
                                 bgcolor: "background.paper",
                                 ".MuiTableRow-hover:hover > &, .Mui-selected > &": {
                                   bgcolor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.grey[100]
@@ -1135,8 +1120,7 @@ function BiampTablePagination({
   if (!loading && pageIndex > maxPage) {
     table.setPageIndex(maxPage);
   }
-  if (autoHide && !loading && (!stableCount || stableCount <= pageSize))
-    return null;
+  if (autoHide && (!stableCount || stableCount <= pageSize)) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_material11.TablePagination,
     {
@@ -1201,7 +1185,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
@@ -1410,9 +1405,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);
@@ -1476,6 +1473,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)(