@simoncomputing/mui-bueno-v2 0.33.3 → 0.34.0

package/CHANGELOG.md

@@ -11,6 +11,16 @@ 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.34.0] - 2026-07-06
+
+### Added
+
+- `CitationField`
+    - `onComment?: (selectedText: string) => void` (prop) - if defined, shows "Comments" button in the menu bar. Clicking the button will trigger this callback
+    - `canComment?: boolean` (prop) - enables/disables Comment button (`onComment` must be defined)
+    - `commentCount?: number;` (prop) - shows count in badge on Comment button
+    - `commentResolved?: boolean;` (prop) - shows green checkmark in badge on Comment button
+
 ## [0.33.3] - 2026-07-06
 
 ### Changed

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

@@ -1,6 +1,7 @@
 import { Citation, PageResponse, PageState } from '../../../../@types';
 import { BaseInputProps } from '../BaseInputProps';
 import { BaseCitationManagerApiProps } from './CitationManager/BaseCitationManager';
+import { CommentProps } from './MenuComment/MenuComment';
 export type CitationFieldProps = BaseInputProps & BaseCitationManagerApiProps & {
     /**
      * API call for fetching SELECTED citations. Used instead of getCitationsPaginated when the component is readOnly.
@@ -69,7 +70,7 @@ export type CitationFieldProps = BaseInputProps & BaseCitationManagerApiProps &
      * WARNING: Does not work perfectly, due to conflicts with debounced formik value.
      */
     redoUndo?: boolean;
-};
+} & CommentProps;
 /**
  * Rich Text field -- uses MUI Tip Tap
  *

package/dist/components/Form/Inputs/CitationField/MenuComment/MenuComment.d.ts

@@ -0,0 +1,22 @@
+import { MenuButtonProps } from 'mui-tiptap';
+export type CommentProps = {
+    /**
+     * Enables/disables comment button (To be used with `onComment`)
+     */
+    canComment?: boolean;
+    /**
+     * If defined, shows "Comments" button in the menu bar. Clicking the button will trigger this callback.
+     * @param selectedText If the user has selected text within the field, the selected text will be passed here.
+     */
+    onComment?: (selectedText: string) => void;
+    /**
+     * Shows badge with count on comment button
+     */
+    commentCount?: number;
+    /**
+     * Shows green checkmark badge on comment button
+     */
+    commentResolved?: boolean;
+};
+export type MenuCommentProps = Partial<MenuButtonProps> & CommentProps;
+export default function MenuComment({ canComment, onComment, commentCount, commentResolved, ...menuButtonProps }: MenuCommentProps): import("react/jsx-runtime").JSX.Element | null;