@simoncomputing/mui-bueno-v2 0.36.4 → 0.38.0

package/CHANGELOG.md

@@ -11,6 +11,33 @@ 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.38.0] - 2026-08-28
+
+### Added
+
+- `ReadOnlyValue`
+    - Used by `ReadOnly` to render the `value`. If overriding the rendering of `value` via the `readOnlyValue` prop, it's recommended to pass this component to ensure styling consistency.
+
+- `Autocomplete`, `MultiAutocomplete`, `RadioGroup`, `Select`, `TextField`, `TextArea`
+    - Added `readOnlyValue` prop for overriding how the value is displayed in read-only mode.
+
+### Changed
+
+- `ReadOnly`
+    - `readOnlyValue` - changed type from `ReactNode` to a function that returns a `ReactNode`. The parameter is the value that gets passed to the `value` prop.
+
+## [0.37.0] - 2026-08-26
+
+### Removed
+
+- `LoadingButton`
+    - Migration: Use any button component with MUI's `loading` prop
+
+### Changed
+
+- `CitationField`, `SelectableCitationManager`, `CitationManager`, `ConfirmationModal`, `DecisionModal`
+    - Updated to use a regular `Button` instead of `LoadingButton`. Citation components will automatically set `loading`. For modals, no API change (as before, pass `loading` to `confirmButtonProps`/`primaryActionProps` as needed).
+
 ## [0.36.4] - 2026-08-26
 
 ### Changed
@@ -27,8 +54,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - `CitationField`, `SelectableCitationManager`, `CitationManager`
     - Updated "Yes" button on Delete popper to show loading spinner AND "Yes" label at the same time
 
--
-
 ## [0.36.3] - 2026-08-25
 
 ### Fixed

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

@@ -73,3 +73,4 @@ export declare function generateButtonLinkProps(menuOption: Pick<MenuOption, 'op
  * Opens the specified URL in a new tab
  */
 export declare const launchTab: (url: string) => Window | null;
+export declare const EMPTY_STR_ARR: string[];

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

@@ -1,5 +1,6 @@
 import { AutocompleteProps as MuiAutocompleteProps, TypographyProps } from '@mui/material';
 import { BaseInputProps } from '../BaseInputProps';
+import { ReactNode } from 'react';
 export type BaseAutocompleteProps<T> = BaseInputProps & {
     /**
      * List of options for the autocomplete in label/value format
@@ -49,6 +50,7 @@ export type BaseAutocompleteProps<T> = BaseInputProps & {
      *
      */
     useFieldAsValue?: string;
+    readOnlyValue?: (value: string) => ReactNode;
 };
 /**
  * Type used to define props passed into Autocomplete component

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

@@ -1,5 +1,6 @@
 import { RadioProps, RadioGroupProps as MuiRadioGroupProps, TypographyProps } from '@mui/material';
 import { BaseInputProps } from '../BaseInputProps';
+import { ReactNode } from 'react';
 type BaseRadioProps<T> = {
     /**
      * Value of the radio button
@@ -103,6 +104,7 @@ type BaseRadioGroupProps<T> = BaseInputProps & {
      * NOTE: Radios have their own `helperText` for more fine-grained details about specific options.
      */
     helperText?: string;
+    readOnlyValue?: (value: string) => ReactNode;
 };
 export type RadioGroupProps<T> = BaseRadioGroupProps<T> & Omit<MuiRadioGroupProps, 'onChange' | 'name'>;
 /**

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

@@ -1,5 +1,6 @@
 import { SelectProps as MuiSelectProps, TypographyProps } from '@mui/material';
 import { BaseInputProps } from '../BaseInputProps';
+import { ReactNode } from 'react';
 import * as React from 'react';
 /**
  * *Interface used exclusively for creating the select menu within Select*
@@ -72,6 +73,7 @@ type BaseSelectProps<T> = BaseInputProps & {
      * @default false
      */
     readOnly?: boolean;
+    readOnlyValue?: (value: string) => ReactNode;
 };
 export type SelectProps<T> = BaseSelectProps<T> & Omit<MuiSelectProps, 'native' | 'onChange' | 'readOnly' | 'fullWidth'>;
 /**

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

@@ -1,6 +1,7 @@
 import { TypographyProps, TextFieldProps as MuiTextFieldProps } from '@mui/material';
 import { BaseInputProps } from '../BaseInputProps';
 import { DiffMode } from '../../Diff/Diff';
+import { ReactNode } from 'react';
 import * as React from 'react';
 type BaseTextFieldProps = BaseInputProps & {
     /**
@@ -49,6 +50,7 @@ type BaseTextFieldProps = BaseInputProps & {
      */
     noTrimOnBlur?: boolean;
     diffMode?: DiffMode;
+    readOnlyValue?: (value: string) => ReactNode;
 };
 export type TextFieldProps = BaseTextFieldProps & Omit<MuiTextFieldProps, 'defaultValue' | 'error' | 'fullWidth' | 'select' | 'SelectProps' | 'value'>;
 /**

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

@@ -3,8 +3,21 @@ import { DiffMode, DiffProps } from '../Diff/Diff';
 import { ReactNode } from 'react';
 export type ReadOnlyProps = {
     label: string;
+    /**
+     * Readonly value of the field
+     * If more customization is needed, use `readOnlyValue` (note: not used when showDiff=true)
+     */
     value: string;
-    readOnlyValue?: ReactNode;
+    /**
+     * Used to customize appearance in read only mode.
+     *
+     * Readonly mode ONLY. (Not used when showDiff=true -- `value` is used instead)
+     *
+     * Recommend returning a `ReadOnlyValue` component, if possible, to maintain similar style & highlight functionality.
+     *
+     * @param value -- read-only value (same as `value` prop)
+     */
+    readOnlyValue?: (value: string) => ReactNode;
     staticLabel?: boolean;
     staticLabelProps?: TypographyProps;
     showDiff?: boolean;

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

@@ -0,0 +1,9 @@
+import { TypographyProps } from '@mui/material/Typography';
+export type ReadOnlyValueProps = TypographyProps;
+/**
+ * Used to display read-only value.
+ *
+ * Used automatically by `ReadOnly` to render `value`, unless overridden by `readOnlyValue`.
+ */
+export declare const ReadOnlyValue: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export default ReadOnlyValue;

package/dist/components/Modals/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ModalProps } from '../Modal';
-import { LoadingButtonProps } from '../../Buttons/LoadingButton/LoadingButton';
+import { ButtonProps } from '../../Buttons/Button/Button';
 export type ConfirmationModalProps = Omit<ModalProps, 'actions'> & {
     /**
      * Label for the confirm/action button.
@@ -14,7 +14,7 @@ export type ConfirmationModalProps = Omit<ModalProps, 'actions'> & {
      * Override the default styling of the confirm button. Defaults are:
      * `{ color: 'primary', variant: 'contained' }`
      */
-    confirmButtonProps?: Omit<LoadingButtonProps, 'onClick'>;
+    confirmButtonProps?: Omit<ButtonProps, 'onClick'>;
 };
 /**
  * Modal that requires user to cancel or proceed.

package/dist/components/Modals/DecisionModal/DecisionModal.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { ModalProps } from '../Modal';
 import { ButtonProps } from '../../Buttons/Button/Button';
-import { LoadingButtonProps } from '../../Buttons/LoadingButton/LoadingButton';
 export type DecisionModalProps = Omit<ModalProps, 'actions'> & {
     /**
      * Label for primary action (button)
@@ -14,7 +13,7 @@ export type DecisionModalProps = Omit<ModalProps, 'actions'> & {
     /**
      * Override styling for primary action (button)
      */
-    primaryActionProps?: Omit<LoadingButtonProps, 'onClick'>;
+    primaryActionProps?: Omit<ButtonProps, 'onClick'>;
     /**
      * Label for secondary action (button)
      */