@simoncomputing/mui-bueno-v2 0.28.4 → 0.29.1

package/CHANGELOG.md

@@ -11,6 +11,30 @@ 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.1] - 2026-06-03
+
+### Changed
+
+- `DiffTable`, `buildTableDiff`
+    - Replaced "_+X modified rows_" with "_Show/hide X unmodified row(s)_" link that when clicked, shows/hides unchanged data rows so that user can see any unmodified data
+
+## [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;

package/dist/components/Table/DiffTable/DiffTable.d.ts

@@ -7,7 +7,7 @@ export type DiffTableProps<T> = BaseDiffTableProps<T> & Omit<DiffTableInput<T>,
  * NOTE: If you already have computed the diff in your parent component and/or need access to the diff output, use `DiffTableView` instead.
  *
  * - A new column (left) that denotes whether a row was added, changed or removed.
- * - Any unchanged rows will be counted and displayed at the bottom, under the table.
+ * - Any unchanged rows will be counted and can be displayed/hidden using at the bottom, under the table.
  * - Updates cell render function to show diff notation for modified rows.
  * - Updates renderExpand, if provided, to show diff notation for modified rows.
  *

package/dist/components/Table/DiffTable/DiffTableView/DiffTableView.d.ts

@@ -7,10 +7,10 @@ export type DiffTableViewProps<T> = BaseDiffTableProps<T> & DiffTableOutput<T>;
  *
  * Once the diff is computed, the following table will be displayed:
  * - A new column (left) that denotes whether a row was added, changed or removed.
- * - Any unchanged rows will be counted and displayed at the bottom, under the table.
+ * - Any unchanged rows will be counted and can be displayed/hidden using at the bottom, under the table.
  * - Updates cell render function to show diff notation for modified rows.
  * - Updates renderExpand, if provided, to show diff notation for modified rows.
  */
 export declare const DiffTableView: <T extends {
     id: number;
-}>({ columns, data, emptyTableMsg, renderExpand, size, unmodifiedCount, }: DiffTableViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ columns, data, unmodifiedData, emptyTableMsg, renderExpand, size, }: DiffTableViewProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/DiffTable/utils.d.ts

@@ -2,7 +2,7 @@ import { DiffTableConfig } from '../../../@types';
 import { SvgIcon } from '@mui/material';
 import { ReactNode } from 'react';
 import { TableProps } from '../Table';
-export type ChangeType = 'added' | 'deleted' | 'modified';
+export type ChangeType = 'added' | 'deleted' | 'modified' | 'unmodified';
 export type DiffObj<T> = T & {
     changeType: ChangeType;
     modifiedDiff?: Record<string, ReactNode>;
@@ -13,9 +13,9 @@ export type TableDiff<T> = {
 };
 export declare const ChangeMap: {
     [key: string]: {
-        icon: typeof SvgIcon;
+        icon?: typeof SvgIcon;
         label: string;
-        color: 'success' | 'error' | 'info';
+        color: 'success' | 'error' | 'info' | 'default';
     };
 };
 /**
@@ -29,7 +29,7 @@ export declare const buildDiffData: <T extends {
     id: number;
 }>(columns: DiffTableConfig<T>, dataA: T[], dataB: T[], isMobileScreen?: boolean, isEqual?: (obj1: T, obj2: T) => boolean) => {
     dataDiff: DiffObj<T>[];
-    unmodifiedCount: number;
+    dataUnmodified: DiffObj<T>[];
 };
 export type DiffTableInput<T> = {
     beforeData: T[];
@@ -48,9 +48,9 @@ export type DiffTableInput<T> = {
     isMobileScreen?: boolean;
 } & Pick<TableProps<T, number>, 'renderExpand' | 'size'>;
 export type DiffTableOutput<T> = {
-    unmodifiedCount: number;
     columns: DiffTableConfig<T>;
     data: DiffObj<T>[];
+    unmodifiedData?: DiffObj<T>[];
     renderExpand?: (item: DiffObj<T>) => React.ReactNode;
 };
 /**