@simoncomputing/mui-bueno-v2 0.25.1 → 0.25.3

package/CHANGELOG.md

@@ -11,6 +11,32 @@ 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.3] - 2026-02-06
+
+### Added
+
+- `DiffTable`
+    - Added `renderExpand` prop from `Table`
+- `ReadOnly`/`Diff`
+    - Added new mode "comma". See `MultiAutocomplete` for an example.
+- `MultiAutocomplete`
+    - Added support for `DiffProvider` & `ReadOnlyProvider`
+
+## [0.25.2] - 2026-02-05
+
+### Changed
+
+- `Diff`/`Readonly`
+    - Added `mode`/`diffMode` prop to allow modifying which diff tool to use (word, sentence or HTML based diff).
+
+- `TextField`, `Select`, `Autocomplete`, `RadioGroup`
+    - Diff will be sentence-based instead of word-based. For `TextField`, this is configurable but defaults to sentence-based.
+
+### Fixed
+
+- `Diff`
+    - Fixed missing `DiffProps` export
+
 ## [0.25.1] - 2026-02-04
 
 ### Fixed

package/dist/components/Form/Diff/Diff.d.ts

@@ -1,10 +1,22 @@
+export type DiffMode = 'word' | 'sentence' | 'html' | 'comma';
 export type DiffProps = {
     beforeTxt?: string;
     afterTxt?: string;
     /**
-     * Set to `true` for HTML
+     * word - use word-based diff
+     * sentence - use sentence-based diff
+     * html - use HTML-based diff
+     * comma - use comma-based diff
+     *
+     * @default sentence
      */
-    useHtmlDiff?: boolean;
+    mode?: DiffMode;
 };
+/**
+ * Displays diff between two strings.
+ *
+ * For use with form field components, use `ReadOnly` instead, since it already handles `Diff` internally.
+ * See any of the fields in this library (TextField, Select, etc.) for an example of how to use `ReadOnly`.
+ */
 export declare const Diff: (props: DiffProps) => import("react/jsx-runtime").JSX.Element;
 export default Diff;

package/dist/components/Form/Inputs/BaseInputProps.d.ts

@@ -1,7 +1,7 @@
 /**
  * Base props for ALL inputs
  *
- * TODO: Add other shared props, if possible. Maybe `label`, `required`, etc.?
+ * TODO: Add other shared props, if possible. Maybe `required`, etc.?
  *
  * TODO: make sure components are correctly calling formik's handlers (onChange, onBlur, etc.) like TextField
  */

package/dist/components/Form/Inputs/TextField/TextField.d.ts

@@ -1,5 +1,6 @@
 import { TypographyProps, TextFieldProps as MuiTextFieldProps } from '@mui/material';
 import { BaseInputProps } from '../BaseInputProps';
+import { DiffMode } from '../../Diff/Diff';
 import * as React from 'react';
 type BaseTextFieldProps = BaseInputProps & {
     /**
@@ -47,6 +48,7 @@ type BaseTextFieldProps = BaseInputProps & {
      * By default, TextField will trim leading and trailing whitespace on blur. To disable this, set `noTrimOnBlur` to true.
      */
     noTrimOnBlur?: boolean;
+    diffMode?: DiffMode;
 };
 export type TextFieldProps = BaseTextFieldProps & Omit<MuiTextFieldProps, 'defaultValue' | 'error' | 'fullWidth' | 'select' | 'SelectProps' | 'value'>;
 /**

package/dist/components/Form/ReadOnly/ReadOnly.d.ts

@@ -1,5 +1,5 @@
 import { TypographyProps } from '@mui/material';
-import { DiffProps } from '../Diff/Diff';
+import { DiffMode, DiffProps } from '../Diff/Diff';
 import { ReactNode } from 'react';
 export type ReadOnlyProps = {
     label: string;
@@ -9,7 +9,13 @@ export type ReadOnlyProps = {
     staticLabelProps?: TypographyProps;
     showDiff?: boolean;
     diffSnapshot?: string;
-    useHtmlDiff?: boolean;
+    diffMode?: DiffMode;
 } & Omit<DiffProps, 'beforeTxt' | 'afterTxt'>;
+/**
+ * To be used by form field components when a component should NOT be editable.
+ * This includes when showing the text diff of a field (showDiff from useDiff hook is true).
+ *
+ * For examples, see TextField, Select, RadioGroup, Autocomplete
+ */
 export declare const ReadOnly: (props: ReadOnlyProps) => import("react/jsx-runtime").JSX.Element;
 export default ReadOnly;

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

@@ -7,8 +7,27 @@ export type TableDiff<T> = {
 export type DiffTableProps<T> = {
     beforeData: T[];
     afterData: T[];
+    /**
+     * See Table.columns
+     */
     columns: TableConfig<T>;
+    /**
+     * See Table.renderExpand
+     *
+     * DiffProvider will automatically be applied to content.
+     */
+    renderExpand?: (item: T) => React.ReactNode;
 };
+/**
+ * Used to display changes (additions, modifications, removals) for a set of data.
+ *
+ * Adds 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.
+ *
+ * Data sets MUST be objects with an id property.
+ *
+ * NOTE: Changed rows only display that the row was changed. Cell-level diff is not yet implemented.
+ */
 export declare const DiffTable: <T extends {
     id: number;
 }>(props: DiffTableProps<T>) => import("react/jsx-runtime").JSX.Element;