@simoncomputing/mui-bueno-v2 0.25.7 → 0.25.9

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.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
+
+- `DiffTable`
+    - Changed default comparison algorithm for cell-level diff
+
+### Fixed
+
+- `DiffTable`
+    - Fixed rows marked as modified but did not show any cell-level modifications. In other words, updated to only compare cell contents rather than comparing the objects directly. `ignoreDiff` is also taken into account when marking rows as modified.
+
 ## [0.25.7] - 2026-02-17
 
 ### Fixed

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

@@ -1,5 +1,11 @@
+import { TableProps } from '../Table';
 import { DiffTableConfig } from '../../../@types';
-type ChangeType = 'added' | 'deleted' | 'modified';
+import { ReactNode } from 'react';
+export type ChangeType = 'added' | 'deleted' | 'modified';
+export type DiffObj<T> = T & {
+    changeType: ChangeType;
+    modifiedDiff?: Record<string, ReactNode>;
+};
 export type TableDiff<T> = {
     changeType: ChangeType;
     obj: T;
@@ -11,13 +17,7 @@ export type DiffTableProps<T> = {
      * See Table.columns
      */
     columns: DiffTableConfig<T>;
-    /**
-     * See Table.renderExpand
-     *
-     * DiffProvider will automatically be applied to content.
-     */
-    renderExpand?: (item: T) => React.ReactNode;
-};
+} & Pick<TableProps<T>, 'renderExpand' | 'emptyTableMsg'>;
 /**
  * Used to display changes (additions, modifications, removals) for a set of data.
  *
@@ -29,4 +29,16 @@ export type DiffTableProps<T> = {
 export declare const DiffTable: <T extends {
     id: number;
 }>(props: DiffTableProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * Returns an array of only the Added/Modified/Deleted objects between dataA & dataB (with each
+ * object marked as Added/Modified/Deleted), AND a count of the number of unchanged objects in both
+ * dataA & dataB.
+ *
+ * IMPORTANT: Data arrays (dataA & dataB) must contain objects with a valid id.
+ */
+export declare const buildDiffData: <T extends {
+    id: number;
+}>(columns: DiffTableConfig<T>, dataA: T[], dataB: T[], isMobileScreen?: boolean) => {
+    dataDiff: DiffObj<T>[];
+    unmodifiedCount: number;
+};

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

@@ -147,14 +147,17 @@ export type TableProps<T> = BaseTableProps<T> & Omit<MuiTableProps, 'stickyHeade
  */
 export declare const Table: <T extends object>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const getFieldKey: <T>(col: TableColumn<T, keyof T>) => string;
+/**
+ * Helper function to get the value of a generic object.
+ * The value can be nested. Ex: `getNestedValue(userObj, 'Organization.name')`
+ * @param obj -- object that we need to get the value from
+ * @param path -- field name within `obj` (can be nested)
+ */
+export declare const getNestedValue: <T>(obj: T, path: string) => any;
 /**
  * Renders a cell in the table.
  * @param col The configuration for the current column
  * @param obj The object for the current Table row
  * @returns ReactNode of the Table cell
  */
-export declare const renderCell: <T, K extends keyof T>(col: TableColumn<T, K>, obj: T) => React.ReactNode;
-/**
- * Renders table cell via render method, if provided, or as-is (value).
- */
-export declare const renderOrValue: <T, K extends keyof T>(col: TableColumn<T, K>, value: T[K], obj: T, isMobileScreen: boolean) => React.ReactNode;
+export declare const renderCell: <T, K extends keyof T>(col: TableColumn<T, K>, obj: T, isMobileScreen?: boolean) => React.ReactNode;