@simoncomputing/mui-bueno-v2 0.28.4 → 0.29.0

package/CHANGELOG.md

@@ -11,6 +11,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Minor increment --> singlular/minor changes. Minimal breaking changes.
 - Patch increment --> singlular/minor changes. Zero breaking changes.
 
+## [0.29.0] - 2026-05-06
+
+### Changed
+
+- `Breadcrumbs`
+    - Renamed `crumbInfo: BreadcrumbInfo[]` prop to `crumbs: BreadcrumbOptions[]` (the type has also been moved to `@types`)
+    - Tweaked styling
+        - underline will only appear on hover
+        - links are bold
+        - non-links are black (white in dark mode)
+        - separator is dark grey (white in dark mode)
+
+### Added
+
+- `Breadcrumbs`
+    - Improved link handling. Added `openInNewTab`, `externalUrl`, and `onClick` (previously only `path` for react routes was allowed).
+
 ## [0.28.4] - 2026-04-30
 
 ### Fixed

package/dist/@types/index.d.ts

@@ -257,3 +257,5 @@ export type UnsavedCitation = {
 
 type UnsavedUrlCitation = Omit<UnsavedCitation, 'type'> & { type: 'Url' };
 type UnsavedAttachmentCitation = Omit<UnsavedCitation, 'type'> & { type: 'Attachment' };
+
+export type BreadcrumbOption = Omit<MenuOption, 'minPermission' | 'icon'>; // icon support can be added later

package/dist/common/Utils/index.d.ts

@@ -40,7 +40,7 @@ export declare function renderValue<T>(options: SelectOption<T>[], value?: strin
  * @param naviate -- pass useNavigate's navigate fn. used when onClick & path are both present to navigate to the path
  * @param onClickCallback -- (optional) called at the end of the onClick in case any additional execution is needed (ex. closing a modal)
  */
-export declare function generateButtonLinkProps(menuOption: MenuOption, navigate: (path: string) => void, onClickCallback?: () => void): {
+export declare function generateButtonLinkProps(menuOption: Pick<MenuOption, 'openInNewTab' | 'path' | 'externalUrl' | 'onClick'>, navigate: (path: string) => void, onClickCallback?: () => void): {
     onClick: () => void;
     component?: undefined;
     to?: undefined;
@@ -56,7 +56,7 @@ export declare function generateButtonLinkProps(menuOption: MenuOption, navigate
     rel?: undefined;
 } | {
     component: string;
-    href: string;
+    href: string | undefined;
     target: string;
     rel: string;
     onClick?: undefined;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,10 +1,7 @@
+import { BreadcrumbOption } from '../../@types';
 import * as React from 'react';
 export type BreadcrumbsProps = {
-    crumbInfo: BreadcrumbInfo[];
-};
-export type BreadcrumbInfo = {
-    label: string;
-    path?: string;
+    crumbs: BreadcrumbOption[];
 };
 export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
 export default Breadcrumbs;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -1,6 +1,6 @@
-import { BreadcrumbInfo } from '../Breadcrumbs/Breadcrumbs';
 import { SxProps, Theme } from '@mui/material';
 import { ReactNode } from 'react';
+import { BreadcrumbOption } from '../../@types';
 /**
  * Interface for PageHeader props.
  * @property {string} tableKey - The key of the table.
@@ -16,7 +16,7 @@ export type PageHeaderProps = {
     createButtonLabel?: string;
     showAddButton?: boolean;
     onAdd?: (id?: number | string) => void;
-    breadcrumbs?: BreadcrumbInfo[];
+    breadcrumbs?: BreadcrumbOption[];
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     bottomGutter?: boolean;