@simoncomputing/mui-bueno-v2 0.25.25 → 0.26.0

package/CHANGELOG.md

@@ -11,6 +11,45 @@ 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.26.0] - 2026-03-16
+
+### Changed
+
+- `CitationManager`, `SelectableCitationManager`, `CitationField`
+    - Source field is no longer required
+    - Order of Title & Source swapped so that Title is before Source
+    - Rename "URL" field to "URL / Other Identifier"
+    - Rename "URL/File Name" column to "URL/Other Identifier/File Name"
+
+- `SelectableCitationManager`, `CitationField`
+    - Increased truncation of "Title" to account for new "URL / Other Identifier" column
+
+### Added
+
+- `Table`, `PaginatedTable`
+    - Added `checkedIds` & `setCheckedIds` props that, when defined, will show a checkbox column in the table
+    - Improved console warnings to reduce collision issues or missing props
+
+- `CitationManager`, `SelectableCitationManager`, `CitationField`
+    - New field "Details" (optional)
+
+- `SelectableCitationManager`, `CitationField`
+    - Add "URL / Other Identifier" column
+    - Truncated "Title" or "URL / Other Identifier" can be hovered over to see the full title/url/other identifier
+
+### Fixed
+
+- `CitationManager`, `SelectableCitationManager`, `CitationField`
+    - Classification field is now disabled during form submission, like the other fields
+
+- `SelectableCitationManager`, `CitationField`
+    - Table was not adjusting to screen size so removed static size constraint
+
+### Removed
+
+- `Table`, `PaginatedTable`
+    - Replaced `hideColumnsOnMobile` prop with `TableColumn.hideOnMobile` to be more consistent with `TableColumn.hideCol`
+
 ## [0.25.25] - 2026-03-03
 
 ### Fixed

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

@@ -111,27 +111,56 @@ export type EnvironmentInfo = {
 
 /**
  * TableColumn represents a column in a table where `K` represents a property of `T`
- * EXAMPLE: For a table of users, this would be the `TableColumn` defintion for the
- *          phone number column:  TableColumn<User, 'phoneNumber'>.
- *
- * @property {string} label - Label that will display in the Table header for the column
- * @property {string} fieldName - Property name of the object
- * @property {(value: K, object: T, isMobile: boolean) => React.ReactNode} render - customize
- *      how the data is displayed in the column where `value` is the property value. `object`
- *      is the whole object, in case you need to determine styling based on another property
- *      within the object. isMobile in case your styling depends on whether the user is viewing
- *      on a phone vs tablet/desktop
- * @property {SxProps<Theme>} tableCellSx - (Optional) styles applies to TableCell (non-mobile)
- * @property {boolean} hideCol - (Optional) if true, this column will not be displayed
- * @property {string} tooltip - (Optional) if provided, shows a help icon with the specified tooltip when hovered
+ * EXAMPLE: For a table of users, this would be the defintion for the phone number column: TableColumn<User, 'phoneNumber'>.
  */
 export type TableColumn<T, K extends keyof T> = {
+    /**
+     * Property name of the object (ex. 'id', 'firstName', etc.)
+     */
+    fieldName: K;
+
+    /**
+     * (Optional) Unique key to identify this column. This should be defined if your table has more than one
+     * column with the same `fieldName`
+     */
     key?: string;
+
+    /**
+     * (Optional) Label that will display in the Table header for the column.
+     * By default, the key, or fieldName as fallback, will be converted into title case (ex 'firstName' -> 'First Name')
+     */
     label?: string;
-    fieldName: K;
+
+    /**
+     * (Optional) Customize how the data is displayed in the column where `value` is the property value (based on `fieldName`).
+     * By default, the value is rendered as-is.
+     *
+     * `object` is the whole object, in case you need to determine styling based on another property
+     * within the object.
+     *
+     * `isMobile` in case your styling depends on whether the user is viewing
+     * on a phone vs tablet/desktop
+     */
     render?: (value: T[K], object: T, isMobile: boolean) => React.ReactNode;
+
+    /**
+     * (Optional) styles applies to TableCell (non-mobile)
+     */
     tableCellSx?: SxProps<Theme>;
+
+    /**
+     * (Optional) if true, this column will not be displayed
+     */
     hideCol?: boolean;
+
+    /**
+     * (Optional) if true, this column will not be displayed on small/mobile screens
+     */
+    hideOnMobile?: boolean;
+
+    /**
+     * (Optional) if provided, shows a help icon with the specified tooltip when hovered
+     */
     tooltip?: string;
 };
 
@@ -213,6 +242,7 @@ export type Citation = {
     source?: string; // publisher
     accessedAt?: string | null;
     classification?: string; // public, unclassified
+    details?: string;
 };
 
 /**

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

@@ -80,29 +80,24 @@ export declare const baseCitationTableColumns: (palette: Palette, condenseTable?
     label: string;
     render: (fileName: string | undefined, citation: Citation) => import("react/jsx-runtime").JSX.Element;
     ignoreDiff: boolean;
-    tableCellSx?: undefined;
-    hideCol?: undefined;
     isEqual?: undefined;
+    hideCol?: undefined;
 } | {
     fieldName: string;
-    tableCellSx: {
-        width: string;
-    };
-    render: (title: string) => string;
+    render: (title: string) => import("react/jsx-runtime").JSX.Element;
     key?: undefined;
     label?: undefined;
     ignoreDiff?: undefined;
-    hideCol?: undefined;
     isEqual?: undefined;
+    hideCol?: undefined;
 } | {
     fieldName: string;
     key: string;
     label: string;
-    hideCol: boolean;
     render: (fileName: string, citation: Citation) => import("react/jsx-runtime").JSX.Element;
     isEqual: (citation1: Citation, citation2: Citation) => boolean;
     ignoreDiff?: undefined;
-    tableCellSx?: undefined;
+    hideCol?: undefined;
 } | {
     fieldName: string;
     hideCol: boolean;
@@ -110,7 +105,6 @@ export declare const baseCitationTableColumns: (palette: Palette, condenseTable?
     label?: undefined;
     render?: undefined;
     ignoreDiff?: undefined;
-    tableCellSx?: undefined;
     isEqual?: undefined;
 } | {
     fieldName: string;
@@ -119,6 +113,5 @@ export declare const baseCitationTableColumns: (palette: Palette, condenseTable?
     key?: undefined;
     label?: undefined;
     ignoreDiff?: undefined;
-    tableCellSx?: undefined;
     isEqual?: undefined;
 })[];

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

@@ -31,9 +31,13 @@ export type BaseTableProps<T> = {
      */
     onRowClickObj?: (obj: T) => void;
     /**
-     * Define which columns (fieldName) to hide on mobile/small screens
+     * For tables with selectable rows. When defined, shows checkbox as first column.
      */
-    hideColumnsOnMobile?: string[];
+    checkedIds?: number[];
+    /**
+     * For tables with selectable rows. When defined, shows checkbox as first column.
+     */
+    setCheckedIds?: React.Dispatch<React.SetStateAction<number[]>>;
     /**
      * fieldName of field to be sorted (can be provided via redux)
      */