@simoncomputing/mui-bueno-v2 0.20.1 → 0.21.1

package/CHANGELOG.md

@@ -11,6 +11,26 @@ 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.21.1] - 2025-12-18
+
+### Changed
+
+- `CitationField`
+    - Editor will now update formik value periodically, rather than just waiting until the field blurs, to allow for autosaving
+
+## [0.21.0] - 2025-12-18
+
+### Changed
+
+- `Header`, `Footer`, `MenuButton`, `Drawer`, `Tabs`
+    - Renamed `MenuOption.externalLink` to `MenuOption.externalUrl`
+    - Added `MenuOption.openInNewTab` to allow links to be opened in a new tab. Only for internal app links (`MenuOption.path`), as external links (`MenuOption.externalUrl`) will always open in a new tab.
+
+### Fixed
+
+- `Header`, `Footer`, `MenuButton`, `Drawer`, `Tabs`
+    - Fixed `MenuOption.externalLink` opening in current tab when `onClick` is not defined. These should always open in a new/separate tab.
+
 ## [0.20.1] - 2025-12-18
 
 ### Changed

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

@@ -69,9 +69,9 @@ export type MenuOption = LabelWithIcon & {
     minPermission?: string | string[];
 
     /**
-     * Performs the action when clicked (ex. toggle dark mode). Avoid using this to navigate (use `path` or `externalLink` instead).
+     * Performs the action when clicked (ex. toggle dark mode). Avoid using this to navigate (use `path` or `externalUrl` instead).
      *
-     * When `path` or `externalLink` is defined, this onClick will run right before navigating. Use this to handle any non-navigation logic that needs to happen.
+     * When `path` or `externalUrl` is defined, this onClick will run right before navigating. Use this to handle any non-navigation logic that needs to happen.
      */
     onClick?: () => void; // TODO update this to allow for conditional navigating based on the return value (true = navigate, false = don't navigate)
 } & (
@@ -80,18 +80,23 @@ export type MenuOption = LabelWithIcon & {
                * Internal path that this navigation item should navigate to (ex '/home')
                */
               path: string;
-              externalLink?: never;
+              externalUrl?: never;
+              openInNewTab?: boolean;
           }
         | {
               /**
-               * External path that this navigation item should navigate to (ex 'https://www.google.com')
+               * External Url that opens in new tab. Can be external URL (ex 'https://www.google.com')
+               *
+               * IMPORTANT: Make sure to include the "https://" prefix!
                */
-              externalLink: string;
+              externalUrl: string;
               path?: never;
+              openInNewTab?: true;
           }
         | {
               path?: never;
-              externalLink?: never;
+              externalUrl?: never;
+              openInNewTab?: never;
           }
     );
 

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

@@ -34,6 +34,8 @@ export declare function renderValue<T>(options: SelectOption<T>[], value?: strin
  *   onClick only --> button
  *   path & onClick --> button (onClick will be executed before navigating to path)
  *
+ * The reason we want to use links where possible, is because links can be opened in a new tab.
+ *
  * @param menuOption -- menuOption to generate the button/link props for
  * @param naviate -- pass useNavigate's navigate fn. used when onClick & path are both present to navigate to the path
  * @param onClickCallback -- (optional) called at the end of the onClick in case any additional execution is needed (ex. closing a modal)
@@ -43,21 +45,29 @@ export declare function generateButtonLinkProps(menuOption: MenuOption, navigate
     component?: undefined;
     to?: undefined;
     href?: undefined;
+    target?: undefined;
+    rel?: undefined;
 } | {
     component: import('react').ForwardRefExoticComponent<import('react-router-dom').LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
     to: string;
     onClick?: undefined;
     href?: undefined;
+    target?: undefined;
+    rel?: undefined;
 } | {
+    component: string;
     href: string;
+    target: string;
+    rel: string;
     onClick?: undefined;
-    component?: undefined;
     to?: undefined;
 } | {
     onClick?: undefined;
     component?: undefined;
     to?: undefined;
     href?: undefined;
+    target?: undefined;
+    rel?: undefined;
 };
 /**
  * Opens the specified URL in a new tab

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

@@ -1,5 +1,9 @@
 import { TypographyProps } from '@mui/material';
 import { ImageNodeAttributes } from 'mui-tiptap';
+/**
+ * TODO: update syncing of formik value to be more often (not just on blur) using debounced solution from CitationField,
+ * in order to support this field being autosave-able.
+ */
 export type RichTextEditorProps = {
     /**
      * Name and ID of the component. Must match a key from initialValues in Formik.