@simoncomputing/mui-bueno-v2 0.25.8 → 0.25.10

package/CHANGELOG.md

@@ -11,6 +11,25 @@ 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.25.10] - 2026-02-18
+
+### Added
+
+- `DiffTable`
+    - Added `isEqual` prop, which is highly recommeneded when using `renderExpand` in order to cover the use-case where content in the expanded section is changed but the content in the rows match so the row should be marked as "modified"
+
+## [0.25.9] - 2026-02-18
+
+### Added
+
+- `DiffTable`
+    - Added `emptyTableMsg` (see `Table` component), with default "No changes to display"
+
+### Fixed
+
+- `DiffTable`
+    - Fixed flex spacing from affecting the spacing between the table and the unmodified rows count
+
 ## [0.25.8] - 2026-02-18
 
 ### Changed

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

@@ -1,5 +1,6 @@
-import { default as React, ReactNode } from 'react';
+import { TableProps } from '../Table';
 import { DiffTableConfig } from '../../../@types';
+import { ReactNode } from 'react';
 export type ChangeType = 'added' | 'deleted' | 'modified';
 export type DiffObj<T> = T & {
     changeType: ChangeType;
@@ -17,12 +18,13 @@ export type DiffTableProps<T> = {
      */
     columns: DiffTableConfig<T>;
     /**
-     * See Table.renderExpand
+     * Used to override the internal check for whether a row has been modified or not.
      *
-     * DiffProvider will automatically be applied to content.
+     * It's highly recommended to implement this when `renderExpand` is implemented, especially
+     * if ignoreDiff is enabled on all columns.
      */
-    renderExpand?: (item: T) => React.ReactNode;
-};
+    isEqual?: (obj1: T, obj2: T) => boolean;
+} & Pick<TableProps<T>, 'renderExpand' | 'emptyTableMsg'>;
 /**
  * Used to display changes (additions, modifications, removals) for a set of data.
  *
@@ -43,7 +45,7 @@ export declare const DiffTable: <T extends {
  */
 export declare const buildDiffData: <T extends {
     id: number;
-}>(columns: DiffTableConfig<T>, dataA: T[], dataB: T[], isMobileScreen?: boolean) => {
+}>(columns: DiffTableConfig<T>, dataA: T[], dataB: T[], isMobileScreen?: boolean, isEqual?: (obj1: T, obj2: T) => boolean) => {
     dataDiff: DiffObj<T>[];
     unmodifiedCount: number;
 };