@simoncomputing/mui-bueno-v2 0.17.5 → 0.18.1

package/CHANGELOG.md

@@ -11,6 +11,48 @@ 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.1] - 2025-09-23
+
+### Added
+
+- `CitationManager` & `SelectableCitationManager`
+    - Added `addlActions` to allow additional actions to be provided. These will be added in between download icon button (if applicable) and edit icon button for each row.
+
+### Fixed
+
+- `CitationManager` & `SelectableCitationManager`
+
+    - Fixed citation `type` showing attachment icon when `fileName` is null
+    - Fixed `url` displaying instead of `fileName` for attachments
+    - Fixed `accessedAt` displaying a value for attachments
+    - Fixed `classification` typo (which also fixes data population issue)
+
+- `CitationManager`
+    - Fixed sizing of table title (h6 -> h2)
+
+## [0.18.0] - 2025-09-23
+
+### Added
+
+- `TableColumn`
+    - Added `tableCellSx` styling `TableCell` in `Table` and/or `PaginatedTable`
+- `CitationManager`:
+    - Basic table offering CRUD operations for citations. Replaces `CitationMenu`.
+- `SelectableCitationManager`
+    - Condensed table offering CRUD operations for citations, including selecting citations. Intended to be used in modals/popups. Replaces `CitationMenu`.
+- `CitationField`, `CitationManager`, `SelectableCitationManager`:
+    - added `onDownloadAttachment` prop to support downloading attachments
+
+### Changed
+
+- `CitationField`, `CitationManager`, `SelectableCitationManager`:
+    - made `onDeleteCitation` prop optional
+
+### Removed
+
+- `CitationMenu`
+    - Replaced with `CitationManager` & `SelectableCitationManager`. See `Added` section.
+
 ## [0.17.5] - 2025-09-22
 
 ### Added

package/dist/@types/index.d.ts

@@ -113,6 +113,7 @@ export type EnvironmentInfo = {
  *      within the object. isMobile in case your styling depends on whether the user is viewing
  *      on a phone vs tablet/desktop
  * @property {string} sortName - (Optional) Passed instead of `fieldName` to onSortChange(fieldName, ...). Useful if you're rendering the same object in 2+ columns and need a way to differentiate when sorting.
+ * @property {SxProps<Theme>} tableCellSx - (Optional) styles applies to TableCell (non-mobile)
  */
 export type TableColumn<T, K extends keyof T> = {
     key?: string;
@@ -120,6 +121,7 @@ export type TableColumn<T, K extends keyof T> = {
     fieldName: K;
     render?: (value: T[K], object: T, isMobile: boolean) => React.ReactNode;
     sortName?: string;
+    tableCellSx?: SxProps<Theme>;
 };
 
 // Sort order for Tables

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

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/core';
-import { CitationBubbleMenuProps } from './CitationMenu/CitationBubbleMenu';
+import { CitationBubbleMenuProps } from './CitationManager/CitationBubbleMenu';
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         citationBubbleMenu: {

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

@@ -60,13 +60,17 @@ export type CitationFieldProps = {
      *
      * Error handling is supported internally.
      */
-    onDeleteCitation: (id: number) => Promise<void>;
+    onDeleteCitation?: (id: number) => Promise<void>;
     /**
      * API call for retrieving a citation by id
      *
      * Error handling is supported internally.
      */
     getCitationById: (id: number) => Promise<Citation>;
+    /**
+     * API call to download the attachment
+     */
+    onDownloadAttachment?: (citation: Citation) => Promise<void>;
     /**
      * Error callback.
      *

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

@@ -0,0 +1,13 @@
+import { Citation, UnsavedAttachmentCitation } from '../../../../../@types';
+import { CitationManagerError } from './CitationAlert';
+export type AttachmentFormProps = {
+    id?: number;
+    title?: string;
+    onSave: (unsavedAttachment: UnsavedAttachmentCitation) => Promise<void>;
+    onCancel: () => void;
+    getCitationById: (id: number) => Promise<Citation>;
+    disableFileUpload?: boolean;
+    setError: React.Dispatch<React.SetStateAction<CitationManagerError | undefined>>;
+};
+declare const AttachmentForm: (props: AttachmentFormProps) => import("react/jsx-runtime").JSX.Element;
+export default AttachmentForm;

package/dist/components/Form/Inputs/CitationField/{CitationMenu/CitationMenu.d.ts → CitationManager/BaseCitationManager.d.ts}

@@ -1,5 +1,6 @@
 import { Citation, PageState, PageResponse, UnsavedCitation } from '../../../../../@types';
-export interface CitationMenuProps {
+import { ReactNode } from 'react';
+export interface BaseCitationManagerProps {
     /**
      * API call for fetching citations. These will populate the "Insert Citation/Attachment(s)" table.
      */
@@ -15,11 +16,15 @@ export interface CitationMenuProps {
     /**
      * API call for deleting a citation/attachment.
      */
-    onDeleteCitation: (id: number) => Promise<void>;
+    onDeleteCitation?: (id: number) => Promise<void>;
     /**
      * API call for retrieving a citation by id
      */
     getCitationById: (id: number) => Promise<Citation>;
+    /**
+     * API call to download the attachment
+     */
+    onDownloadAttachment?: (citation: Citation) => Promise<void>;
     /**
      * Set which citations should be pre-checked in the citations table when this component is first rendered (used
      * to initialize useState).
@@ -53,17 +58,12 @@ export interface CitationMenuProps {
      * When false, teh table will be rendered as a basic paginated table with all columns displayed.
      */
     renderAsSelectablePopup?: boolean;
+    /**
+     * Additional actions to be displayed for each row. Will be inserted in between Download (if applicable) and Edit button.
+     */
+    addlActions?: (citation: Citation) => ReactNode;
 }
-/**
- * Error for CitationMenu
- *   title = human-friendly/shortened version of the error (ex. "Failed to create citation")
- *   err = the actual error thrown by the exception that was caught
- */
-export type CitationMenuError = {
-    title: string;
-    err: string;
-};
-export declare enum CitationMenuState {
+export declare enum CitationManagerState {
     CITATIONS_TABLE = "Insert Citation/Attachment(s)",
     ADD_CITATION = "Add Citation",
     EDIT_CITATION = "Edit Citation",
@@ -71,9 +71,11 @@ export declare enum CitationMenuState {
     EDIT_ATTACHMENT = "Edit Attachment"
 }
 /**
- * CitationMenu handles creating, updating, and selecting citations.
+ * BaseCitationManager handles creating, updating, deleting, downloading and selecting citations.
+ *
+ * INTERNAL COMPONENT. Use wrapper instead: `SelectableCitationManager` or `CitationManager`
  *
- * Intended to be used within a bubble/pop-up/modal/dialog. For in-line citations, see CitationField instead.
+ * For in-line citations, see CitationField instead.
  */
-export declare function CitationMenu({ getCitationsPaginated, onCreateCitation, onUpdateCitation, onDeleteCitation, getCitationById, onSelectCitations, onCancel, initialSelectedIds, onContentChange, onError, renderAsSelectablePopup, }: CitationMenuProps): import("react/jsx-runtime").JSX.Element;
-export default CitationMenu;
+export declare function BaseCitationManager({ getCitationsPaginated, onCreateCitation, onUpdateCitation, onDeleteCitation, getCitationById, onDownloadAttachment, onSelectCitations, onCancel, initialSelectedIds, onContentChange, onError, renderAsSelectablePopup, addlActions, }: BaseCitationManagerProps): import("react/jsx-runtime").JSX.Element;
+export default BaseCitationManager;

package/dist/components/Form/Inputs/CitationField/{CitationMenu → CitationManager}/CitationAlert.d.ts

@@ -1,15 +1,15 @@
 type Props = {
-    error?: CitationMenuError;
-    setError: React.Dispatch<React.SetStateAction<CitationMenuError | undefined>>;
+    error?: CitationManagerError;
+    setError: React.Dispatch<React.SetStateAction<CitationManagerError | undefined>>;
     success?: string;
     setSuccess: React.Dispatch<React.SetStateAction<string | undefined>>;
 };
 /**
- * Error for CitationMenu
+ * Error for BaseCitationManager, CitationManager & SelectableCitationManager
  *   title = human-friendly/shortened version of the error (ex. "Failed to create citation")
  *   err = the actual error thrown by the exception that was caught
  */
-export type CitationMenuError = {
+export type CitationManagerError = {
     title: string;
     err: string;
 };

package/dist/components/Form/Inputs/CitationField/{CitationMenu → CitationManager}/CitationBubbleMenu.d.ts

@@ -1,11 +1,11 @@
 import { Except } from 'type-fest';
 import { ControlledBubbleMenuProps } from 'mui-tiptap';
-import { CitationMenuProps } from './CitationMenu';
-export type CitationBubbleMenuProps = Partial<Except<ControlledBubbleMenuProps, 'open' | 'editor' | 'children'>> & Omit<CitationMenuProps, 'onCancel' | 'onSelectCitations'> & {
+import { BaseCitationManagerProps } from './BaseCitationManager';
+export type CitationBubbleMenuProps = Partial<Except<ControlledBubbleMenuProps, 'open' | 'editor' | 'children'>> & Omit<BaseCitationManagerProps, 'onCancel' | 'onSelectCitations'> & {
     onChanged?: (ids: number[]) => void;
 };
 /**
- * TipTap Wrapper for CitationMenu so that it renders as a bubble/pop-up menu integrated
+ * TipTap Wrapper for SelectableCitationManager so that it renders as a bubble/pop-up menu integrated
  * with TipTap
  *
  * A component that renders a bubble menu when viewing, creating, or editing a
@@ -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, ...controlledBubbleMenuProps }: CitationBubbleMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export default function CitationBubbleMenuTipTap({ getCitationsPaginated, onCreateCitation, onUpdateCitation, onDeleteCitation, getCitationById, onDownloadAttachment, ...controlledBubbleMenuProps }: CitationBubbleMenuProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Form/Inputs/CitationField/{CitationMenu → CitationManager}/CitationForm.d.ts

@@ -1,12 +1,12 @@
 import { Citation, UnsavedUrlCitation } from '../../../../../@types';
-import { CitationMenuError } from './CitationMenu';
+import { CitationManagerError } from './CitationAlert';
 export type CitationFormProps = {
     id?: number;
     title?: string;
     onSave: (unsavedUrl: UnsavedUrlCitation) => Promise<void>;
     onCancel: () => void;
     getCitationById: (id: number) => Promise<Citation>;
-    setError: React.Dispatch<React.SetStateAction<CitationMenuError | undefined>>;
+    setError: React.Dispatch<React.SetStateAction<CitationManagerError | undefined>>;
 };
 declare const CitationForm: (props: CitationFormProps) => import("react/jsx-runtime").JSX.Element;
 export default CitationForm;

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

@@ -0,0 +1,7 @@
+import { BaseCitationManagerProps } from './BaseCitationManager';
+export type CitationManagerProps = Omit<BaseCitationManagerProps, 'initialSelectedIds' | 'onSelectCitations' | 'onCancel' | 'onContentChange' | 'renderAsSelectablePopup'>;
+/**
+ * CitationManager is a basic table that handles creating, updating, and deleting citations.
+ */
+export declare function CitationManager({ ...rest }: CitationManagerProps): import("react/jsx-runtime").JSX.Element;
+export default CitationManager;

package/dist/components/Form/Inputs/CitationField/{CitationMenu → CitationManager}/CitationTable.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 import { PageState, PageResponse, Citation } from '../../../../../@types';
-import { CitationMenuError } from './CitationMenu';
+import { CitationManagerError } from './CitationAlert';
 export type CitationTableProps = {
     title: string;
     onCancel: () => void;
@@ -7,7 +8,8 @@ export type CitationTableProps = {
     onNewAttachment: () => void;
     onEditCitation: (citation: Citation) => void;
     onEditAttachment: (citation: Citation) => void;
-    onDeleteCitation: (id: number) => Promise<void>;
+    onDeleteCitation?: (id: number) => Promise<void>;
+    onDownloadAttachment?: (citation: Citation) => Promise<void>;
     onSelect: (selectedIds: number[]) => void;
     getCitationsPaginated: (req: PageState) => Promise<PageResponse<Citation>>;
     selectedIds: number[];
@@ -19,7 +21,7 @@ export type CitationTableProps = {
      * help debug issues so developers can see specific details about an error.
      */
     onError?: (err: string) => void;
-    setError: React.Dispatch<React.SetStateAction<CitationMenuError | undefined>>;
+    setError: React.Dispatch<React.SetStateAction<CitationManagerError | undefined>>;
     setSuccess: React.Dispatch<React.SetStateAction<string | undefined>>;
     /**
      * When true, the Source, Accessed At & Classification columns will not be displayed
@@ -33,6 +35,10 @@ export type CitationTableProps = {
      * NOTE: add buttons will move to the bottom of the component, inline with the Select/Cancel buttons.
      */
     canSelect?: boolean;
+    /**
+     * Additional actions to be displayed for each row. Will be inserted in between Download (if applicable) and Edit button.
+     */
+    addlActions?: (citation: Citation) => ReactNode;
 };
 declare const CitationTable: (props: CitationTableProps) => import("react/jsx-runtime").JSX.Element;
 export default CitationTable;

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

@@ -0,0 +1,9 @@
+import { BaseCitationManagerProps } from './BaseCitationManager';
+export type SelectableCitationManagerProps = Omit<BaseCitationManagerProps, 'renderAsSelectablePopup'>;
+/**
+ * SelectableCitationManager is a condensed table that handles creating, updating, deleting and selecting citations.
+ *
+ * It's intended to be used in a pop-up/modal.
+ */
+export declare function SelectableCitationManager({ ...rest }: SelectableCitationManagerProps): import("react/jsx-runtime").JSX.Element;
+export default SelectableCitationManager;