@simoncomputing/mui-bueno-v2 0.18.16 → 0.18.18

package/CHANGELOG.md

@@ -11,48 +11,95 @@ 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.18.18] - 2025-10-08
+
+### Added
+
+- `SelectableCitationManager`
+
+    - Added `readOnly` prop which when true, will hide the ability to create, update, delete and select/unselect citations/attachments. Note: checkboxes will still be visible but will be disabled.
+    - Added built-in close button to the top-right corner. Clicking will trigger `onClose`.
+
+- `CitationManager`
+
+    - Added `readOnly` prop which when true, will hide the ability to create, update and delete citations/attachments.
+
+- `CitationField`
+    - Added built-in close button to the top-right corner of the citation bubble menu. Clicking will close the bubble menu.
+
+### Changed
+
+- `CitationField`
+
+    - Citation/Attachment bubble menu will now open when clicking on citations embedded in the field when the field is `readOnly`. When clicked, the popup will show a readonly view of the citations/attachments -- create, edit, delete and select/unselect actions are hidden, but the user can still download, view, and launch links. Checkboxes will be disabled but still visible.
+
+- `CitationField`, `CitationManager`, `SelectableCitationManager`
+
+    - When adding an attachment, the "Upload a file" button for selecting a file has been relabeled to "Select a file", and "Add new attachment" button has been relabeled to "Upload Attachment"
+    - Adjusted spacing of fields on Attachment create/edit screen
+
+- `FileUpload`
+    - Updated button styling to prevent text wrapping
+    - Changed button label from "Upload a file" to "Select a file"
+
+## [0.18.17] - 2025-09-30
+
+### Fixed
+
+- `CitationField`
+    - Fixed conditional hook React error when `readOnly` changes
+
 ## [0.18.16] - 2025-09-29
 
 ### Changed
+
 - `CitationField`
     - Completely clear out field when empty (including only whitespace characters) instead of resolving to `<p></p>`
 
 ## [0.18.15] - 2025-09-29
 
 ### Fixed
+
 - `CitationManger`
     - Clear error when opening/closing modals
 
 ## [0.18.14] - 2025-09-29
 
 ### Fixed
+
 - `CitationField`, `CitationManger`, `SelectableCitationManager`
     - Improved error message displayed when API call fails
 
 ### Changed
+
 - `CitationField`, `CitationManger`, `SelectableCitationManager`
     - `onError` param changed from `string` to `obj`
 
 ## [0.18.13] - 2025-09-29
 
 ### Changed
+
 - `CitationField`, `CitationManger`, `SelectableCitationManager`
     - Updated errors to allow for backend validation error to display as body of Alert
 
 ### Fixed
+
 - `CitationField`, `CitationManger`, `SelectableCitationManager`
+
     - Empty form will display if an error occurs when clicking on the edit button and retrieve API call fails
 
-- `Radio`/`RadioGroup` 
+- `Radio`/`RadioGroup`
     - Fixed `helperText` getting passed to MUI props when it shouldn't
 
 ## [0.18.12] - 2025-09-26
 
-### Added 
+### Added
+
 - `CitationField`, `CitationManger`, `SelectableCitationManager`
     - `canLaunchUrl` prop which, when defined and returns true, will display a Launch Link icon under the action columnn
 
 ### Removed
+
 - `CitationField`, `CitationManger`, `SelectableCitationManager`
     - `canOpenPublicUrls`. Use `canLaunchUrl` instead
 
@@ -61,12 +108,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - `CitationField`
+
     - Added helper text for Classification field
 
 - `CitationField`, `CitationManger`, `SelectableCitationManager`
     - Added `canOpenPublicUrls` prop to enable launch url button to display for public source URLs
-    
 - `CitationManger`, `SelectableCitationManager`
+
     - Added tooltips to actions (Edit, Delete, Download, Open URL)
     - Improved performance of Delete popper by reducing unnecessary re-renders
 

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

@@ -1,10 +1,18 @@
 import { Citation, UnsavedAttachmentCitation } from '../../../../../@types';
 export type AttachmentFormProps = {
-    title?: string;
+    title: string;
     onSave: (unsavedAttachment: UnsavedAttachmentCitation) => Promise<void>;
     onCancel: () => void;
-    disableFileUpload?: boolean;
     modifyCitation: Citation | undefined;
+    /**
+     *  If true, file upload is disabled. (Title field is still enabled)
+     */
+    disableFileUpload?: boolean;
+    readOnly?: boolean;
+    /**
+     * If true, shows a close button inline with title. Intended to be used within modals.
+     */
+    showCloseBtn?: boolean;
 };
 declare const AttachmentForm: (props: AttachmentFormProps) => import("react/jsx-runtime").JSX.Element;
 export default AttachmentForm;

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

@@ -67,13 +67,19 @@ export interface BaseCitationManagerProps {
      * users will be allowed to launch URLs
      */
     canLaunchUrl?: (citation: Citation) => boolean;
+    /**
+     * Whether users can create/edit/delete citations or not
+     */
+    readOnly?: boolean;
 }
 export declare enum CitationManagerState {
     CITATIONS_TABLE = "Insert Citation/Attachment(s)",
     ADD_CITATION = "Add Citation",
     EDIT_CITATION = "Edit Citation",
     ADD_ATTACHMENT = "Add Attachment",
-    EDIT_ATTACHMENT = "Edit Attachment"
+    EDIT_ATTACHMENT = "Edit Attachment",
+    VIEW_CITATION = "View Citation",
+    VIEW_ATTACHMENT = "View Attachment"
 }
 /**
  * BaseCitationManager handles creating, updating, deleting, downloading and selecting citations.
@@ -82,5 +88,5 @@ export declare enum CitationManagerState {
  *
  * For in-line citations, see CitationField instead.
  */
-export declare function BaseCitationManager({ getCitationsPaginated, onCreateCitation, onUpdateCitation, onDeleteCitation, getCitationById, onDownloadAttachment, onSelectCitations, onCancel, initialSelectedIds, onContentChange, onError, renderAsSelectablePopup, addlActions, canLaunchUrl, }: BaseCitationManagerProps): import("react/jsx-runtime").JSX.Element;
+export declare function BaseCitationManager({ getCitationsPaginated, onCreateCitation, onUpdateCitation, onDeleteCitation, getCitationById, onDownloadAttachment, onSelectCitations, onCancel, initialSelectedIds, onContentChange, onError, renderAsSelectablePopup, addlActions, canLaunchUrl, readOnly, }: BaseCitationManagerProps): import("react/jsx-runtime").JSX.Element;
 export default BaseCitationManager;

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

@@ -24,4 +24,4 @@ export type CitationBubbleMenuProps = Partial<Except<ControlledBubbleMenuProps,
  * update, which will happen if it's a child of the component using
  * `useEditor`).
  */
-export default function CitationBubbleMenuTipTap({ getCitationsPaginated, onCreateCitation, onUpdateCitation, onDeleteCitation, getCitationById, onDownloadAttachment, canLaunchUrl, ...controlledBubbleMenuProps }: CitationBubbleMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export default function CitationBubbleMenuTipTap({ getCitationsPaginated, onCreateCitation, onUpdateCitation, onDeleteCitation, getCitationById, onDownloadAttachment, canLaunchUrl, readOnly, ...controlledBubbleMenuProps }: CitationBubbleMenuProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,9 +1,12 @@
 import { Citation, UnsavedUrlCitation } from '../../../../../@types';
 export type CitationFormProps = {
-    title?: string;
+    title: string;
     onSave: (unsavedUrl: UnsavedUrlCitation) => Promise<void>;
     onCancel: () => void;
     modifyCitation: Citation | undefined;
+    readOnly?: boolean;
+    /** If true, shows a close button inline with title. Intended to be used within modals. */
+    showCloseBtn?: boolean;
 };
 declare const CitationForm: (props: CitationFormProps) => import("react/jsx-runtime").JSX.Element;
 export default CitationForm;

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

@@ -34,12 +34,28 @@ export type CitationTableProps = {
     canSelect?: boolean;
     /**
      * When true, create citation & attachment buttons will display.
+     *
+     * Can be overridden by readOnly
      */
     canCreate?: boolean;
     /**
      * When true, edit citation icon buttons will display for each row.
+     *
+     * Can be overridden by readOnly
      */
     canEdit?: boolean;
+    /**
+     * When true, delete citation icon buttons will display for each row.
+     *
+     * Can be overridden by readOnly
+     */
+    canDelete?: boolean;
+    /**
+     * If true, renders as readOnly table. Overrides canCreate, canEdit, canDelete.
+     *
+     * If canSelect is true, checkboxes will render as disabled.
+     */
+    readOnly?: boolean;
     /**
      * When provided and the function returns true,
      * users will be allowed to launch URLs
@@ -53,6 +69,8 @@ export type CitationTableProps = {
      * Used to trigger a re-fetch of table data (via getPaginatedCitations)
      */
     refreshKey?: number;
+    /** If true, shows a close button inline with title. Intended to be used within modals. */
+    showCloseBtn?: boolean;
 };
 declare const CitationTable: (props: CitationTableProps) => import("react/jsx-runtime").JSX.Element;
 export default CitationTable;