@bwp-web/components 0.13.5 → 0.14.0

package/dist/BiampBanner/BiampBanner.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { BoxProps, TypographyProps, type AlertColor } from '@mui/material';
+export type BiampBannerProps = {
+    show: boolean;
+    children: React.ReactNode;
+    severity: AlertColor;
+};
+/**
+ * A full-width notification banner that slides in/out with a Collapse animation.
+ * Uses MUI's AlertColor severity to set background and text colors from the theme.
+ * Compose with `BiampBannerIcon`, `BiampBannerContent`, and `BiampBannerActions`.
+ */
+export declare function BiampBanner({ show, children, severity }: BiampBannerProps): import("react/jsx-runtime").JSX.Element;
+export type BiampBannerIconProps = {
+    severity?: AlertColor;
+    children?: React.ReactNode;
+};
+/**
+ * Icon slot for `BiampBanner`. Pass a `severity` to render the matching
+ * default icon, or pass `children` to render a custom icon.
+ */
+export declare function BiampBannerIcon({ severity, children }: BiampBannerIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Content slot for `BiampBanner`. Text is centered by default.
+ */
+export declare function BiampBannerContent({ children, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Actions slot for `BiampBanner`. Renders children in a horizontal flex row
+ * with 8px gap, aligned to the trailing edge of the banner.
+ */
+export declare function BiampBannerActions({ children, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BiampBanner.d.ts.map

package/dist/BiampBanner/BiampBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BiampBanner.d.ts","sourceRoot":"","sources":["../../src/BiampBanner/BiampBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,QAAQ,EAGR,eAAe,EACf,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAqBzE;AAUD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAE3E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAMzE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAMlE"}

package/dist/BiampBanner/index.d.ts

@@ -0,0 +1,2 @@
+export { BiampBanner, BiampBannerIcon, BiampBannerContent, BiampBannerActions, type BiampBannerProps, type BiampBannerIconProps, } from './BiampBanner';
+//# sourceMappingURL=index.d.ts.map

package/dist/BiampBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,eAAe,CAAC"}

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;AAMvB,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAOtD,KAAK,aAAa,CAAC,KAAK,IACpB;IACE,qFAAqF;IACrF,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CAC1C,GACD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAGN,KAAK,uBAAuB,GACxB;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,uFAAuF;IACvF,eAAe,EAAE,IAAI,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4FAA4F;IAC5F,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACD;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,GACD;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,CAAC;AAEN,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI,QAAQ,GAC3C,aAAa,CAAC,KAAK,CAAC,GACpB,uBAAuB,GAAG;IACxB,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,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,gIAAgI;IAChI,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CACtC,CAAC;AAiRJ,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,aAAa,EACb,wBAAgC,EAChC,WAAW,EACX,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,KAAK,CAAC,2CAyJxB"}
+{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAWd,MAAM,eAAe,CAAC;AAOvB,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAOtD,KAAK,aAAa,CAAC,KAAK,IACpB;IACE,qFAAqF;IACrF,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CAC1C,GACD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAGN,KAAK,uBAAuB,GACxB;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,uFAAuF;IACvF,eAAe,EAAE,IAAI,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4FAA4F;IAC5F,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACD;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,GACD;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,CAAC;AAEN,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI,QAAQ,GAC3C,aAAa,CAAC,KAAK,CAAC,GACpB,uBAAuB,GAAG;IACxB,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,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,gIAAgI;IAChI,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CACtC,CAAC;AAiRJ,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,aAAa,EACb,wBAAgC,EAChC,WAAW,EACX,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,KAAK,CAAC,2CAyJxB"}

package/dist/index.cjs

@@ -34,6 +34,10 @@ __export(index_exports, {
   BiampAppDialog: () => BiampAppDialog,
   BiampAppDialogItem: () => BiampAppDialogItem,
   BiampAppPopover: () => BiampAppPopover,
+  BiampBanner: () => BiampBanner,
+  BiampBannerActions: () => BiampBannerActions,
+  BiampBannerContent: () => BiampBannerContent,
+  BiampBannerIcon: () => BiampBannerIcon,
   BiampHeader: () => BiampHeader,
   BiampHeaderActions: () => BiampHeaderActions,
   BiampHeaderButton: () => BiampHeaderButton,
@@ -719,25 +723,9 @@ var checkboxHiddenSx = { visibility: "hidden" };
 var expandCellBaseSx = {
   display: "flex",
   alignItems: "center",
-  gap: 1
+  gap: "2px"
 };
-var chevronExpandedSx = {
-  color: ({ palette }) => palette.text.secondary,
-  transition: "transform 150ms ease",
-  transform: "rotate(90deg)",
-  width: 16,
-  height: 16,
-  cursor: "pointer"
-};
-var chevronCollapsedSx = {
-  color: ({ palette }) => palette.text.secondary,
-  transition: "transform 150ms ease",
-  transform: "rotate(0deg)",
-  width: 16,
-  height: 16,
-  cursor: "pointer"
-};
-var expandPlaceholderSx = { width: 16 };
+var expandPlaceholderSx = { width: 28 };
 var headerSelectionCellSx = {
   position: "sticky",
   left: 0,
@@ -747,6 +735,8 @@ var headerSelectionCellSx = {
 var checkboxHiddenHeaderSx = { visibility: "hidden" };
 function BiampTableRowInner({
   row,
+  isExpanded,
+  isSelected,
   onRowClick,
   isRowClickable,
   enableRowSelection,
@@ -760,7 +750,7 @@ function BiampTableRowInner({
     import_material7.TableRow,
     {
       hover: clickable,
-      selected: enableRowSelection ? row.getIsSelected() : void 0,
+      selected: enableRowSelection ? isSelected : void 0,
       role: clickable ? "button" : void 0,
       tabIndex: clickable ? 0 : void 0,
       sx: clickable ? rowCursorPointerSx : void 0,
@@ -775,7 +765,7 @@ function BiampTableRowInner({
         enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableCell, { padding: "checkbox", sx: selectionCellSx, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           import_material7.Checkbox,
           {
-            checked: row.getIsSelected(),
+            checked: isSelected,
             disabled: !row.getCanSelect(),
             onChange: (e) => row.toggleSelected(e.target.checked, {
               selectChildren: selectChildrenWithParent
@@ -800,7 +790,10 @@ function BiampTableRowInner({
             import_material7.TableCell,
             {
               "data-sticky": sticky || void 0,
-              sx: cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
+              sx: {
+                ...cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
+                pl: isExpandCell ? "6px" : "12px"
+              },
               children: (() => {
                 if (sticky) return content;
                 const truncate = cell.column.columnDef.meta?.truncate ?? true;
@@ -813,16 +806,32 @@ function BiampTableRowInner({
                     sx: row.depth > 0 ? { ...expandCellBaseSx, pl: `${row.depth * 12}px` } : expandCellBaseSx,
                     children: [
                       row.getCanExpand() ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                        import_assets5.ChevronRightIcon,
+                        import_material7.IconButton,
                         {
+                          variant: "none",
                           onClick: (e) => {
                             e.stopPropagation();
                             row.toggleExpanded();
                           },
-                          "aria-label": row.getIsExpanded() ? `Collapse ${rowLabel}` : `Expand ${rowLabel}`,
-                          "aria-expanded": row.getIsExpanded(),
-                          variant: "xs",
-                          sx: row.getIsExpanded() ? chevronExpandedSx : chevronCollapsedSx
+                          "aria-label": isExpanded ? `Collapse ${rowLabel}` : `Expand ${rowLabel}`,
+                          "aria-expanded": isExpanded,
+                          children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                            import_assets5.ChevronDownIcon,
+                            {
+                              variant: "xs",
+                              sx: {
+                                color: ({ palette }) => palette.text.secondary
+                              }
+                            }
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                            import_assets5.ChevronRightIcon,
+                            {
+                              variant: "xs",
+                              sx: {
+                                color: ({ palette }) => palette.text.secondary
+                              }
+                            }
+                          )
                         }
                       ) : hasExpandableRows ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Box, { sx: expandPlaceholderSx }) : null,
                       truncated
@@ -840,7 +849,7 @@ function BiampTableRowInner({
   );
 }
 function biampTableRowPropsAreEqual(prev, next) {
-  return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.row.getIsSelected() === next.row.getIsSelected() && prev.row.getIsExpanded() === next.row.getIsExpanded() && prev.row.getVisibleCells().length === next.row.getVisibleCells().length && prev.enableRowSelection === next.enableRowSelection && prev.enableExpanding === next.enableExpanding && prev.hasExpandableRows === next.hasExpandableRows && prev.selectChildrenWithParent === next.selectChildrenWithParent && prev.onRowClick === next.onRowClick && prev.isRowClickable === next.isRowClickable && prev.getRowLabel === next.getRowLabel;
+  return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.isSelected === next.isSelected && prev.isExpanded === next.isExpanded && prev.row.getVisibleCells().length === next.row.getVisibleCells().length && prev.enableRowSelection === next.enableRowSelection && prev.enableExpanding === next.enableExpanding && prev.hasExpandableRows === next.hasExpandableRows && prev.selectChildrenWithParent === next.selectChildrenWithParent && prev.onRowClick === next.onRowClick && prev.isRowClickable === next.isRowClickable && prev.getRowLabel === next.getRowLabel;
 }
 var BiampTableRow = import_react4.default.memo(
   BiampTableRowInner,
@@ -884,8 +893,6 @@ function BiampTable({
         display: "flex",
         flexDirection: "column",
         height: "100%",
-        overflow: "auto",
-        overscrollBehavior: "none",
         position: "relative",
         ...sx
       },
@@ -949,6 +956,8 @@ function BiampTable({
                 BiampTableRow,
                 {
                   row,
+                  isExpanded: row.getIsExpanded(),
+                  isSelected: row.getIsSelected(),
                   onRowClick,
                   isRowClickable,
                   enableRowSelection,
@@ -1860,12 +1869,55 @@ function downloadCsv(csvContent, filename) {
   document.body.removeChild(link);
   URL.revokeObjectURL(url);
 }
+
+// src/BiampBanner/BiampBanner.tsx
+var import_material18 = require("@mui/material");
+var import_assets10 = require("@bwp-web/assets");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function BiampBanner({ show, children, severity }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Collapse, { in: show, unmountOnExit: true, component: "aside", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_material18.Box,
+    {
+      bgcolor: ({ palette }) => palette.background[severity],
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: 1,
+      px: { xs: 2, sm: 2.5 },
+      minHeight: 48,
+      sx: {
+        borderBottom: ({ palette }) => `0.6px solid ${palette[severity].main}`
+      },
+      children
+    }
+  ) });
+}
+var iconMapping = {
+  error: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.ErrorStatusIcon, { color: "error", sx: { width: 14, height: 14 } }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.WarningStatusIcon, { color: "warning", sx: { width: 16, height: 14 } }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.SuccessStatusIcon, { color: "success", sx: { width: 14, height: 14 } }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.InfoStatusIcon, { color: "info", sx: { width: 14, height: 14 } })
+};
+function BiampBannerIcon({ severity, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: severity ? iconMapping[severity] : children });
+}
+function BiampBannerContent({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Typography, { textAlign: "center", variant: "h3", ...props, children });
+}
+function BiampBannerActions({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Box, { display: "flex", gap: 1, alignItems: "center", ...props, children });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BIAMP_TABLE_DEBOUNCE_DELAY,
   BiampAppDialog,
   BiampAppDialogItem,
   BiampAppPopover,
+  BiampBanner,
+  BiampBannerActions,
+  BiampBannerContent,
+  BiampBannerIcon,
   BiampHeader,
   BiampHeaderActions,
   BiampHeaderButton,