aefis-core-ui 7.0.0-rc.9 → 7.0.0-rc.90

package/core-ui/HOCs/withThemeProvider.tsx

@@ -10,14 +10,14 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */

package/core-ui/Icon/index.jsx

@@ -10,14 +10,14 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
@@ -65,6 +65,7 @@ import {
 	Autorenew as _Autorenew,
 	Balance as _Balance,
 	BarChartOutlined as _BarChartOutlined,
+	AutoStoriesOutlined as _AutoStoriesOutlined,
 	Book as _Book,
 	BookOutlined as _BookOutlined,
 	Bookmark as _Bookmark,
@@ -172,6 +173,10 @@ import {
 	EqualizerOutlined as _EqualizerOutlined,
 	Face as _Face,
 	FaceOutlined as _FaceOutlined,
+	Favorite as _Favorite,
+	FavoriteBorder as _FavoriteBorder,
+	FavoriteOutlined as _FavoriteOutlined,
+	FavoriteBorderOutlined as _FavoriteBorderOutlined,
 	FileDownload as _FileDownload,
 	FileDownloadOutlined as _FileDownloadOutlined,
 	FilterList as _FilterList,
@@ -316,6 +321,7 @@ import {
 	StopOutlined as _StopOutlined,
 	Timeline as _Timeline,
 	TimelineOutlined as _TimelineOutlined,
+	ManageSearch as _ManageSearch,
 	Search as _Search,
 	SearchOutlined as _SearchOutlined,
 	SentimentVeryDissatisfied as _SentimentVeryDissatisfied,
@@ -438,6 +444,7 @@ export const icons = {
 	Autorenew: <_Autorenew />,
 	Balance: <_Balance />,
 	BarChartOutlined: <_BarChartOutlined />,
+	AutoStoriesOutlined: <_AutoStoriesOutlined />,
 	Book: <_Book />,
 	BookOutlined: <_BookOutlined />,
 	Bookmark: <_Bookmark />,
@@ -549,6 +556,10 @@ export const icons = {
 	EqualizerOutlined: <_EqualizerOutlined />,
 	Face: <_Face />,
 	FaceOutlined: <_FaceOutlined />,
+	Favorite: <_Favorite />,
+	FavoriteBorder: <_FavoriteBorder />,
+	FavoriteBorderOutlined: <_FavoriteBorderOutlined />,
+	FavoriteOutlined: <_FavoriteOutlined />,
 	FileDownload: <_FileDownload />,
 	FileDownloadOutlined: <_FileDownloadOutlined />,
 	FilterList: <_FilterList />,
@@ -688,6 +699,7 @@ export const icons = {
 	SchoolTwoTone: <_SchoolTwoTone />,
 	Science: <_Science />,
 	ScienceOutlined: <_ScienceOutlined />,
+	ManageSearch: <_ManageSearch />,
 	Search: <_Search />,
 	SearchOutlined: <_SearchOutlined />,
 	Send: <_Send />,
@@ -934,6 +946,10 @@ export const BarChartOutlined = (props) => {
 	return <_BarChartOutlined {...props} />;
 };
 
+export const AutoStoriesOutlined = (props) => {
+	return <_AutoStoriesOutlined {...props} />;
+};
+
 export const Book = (props) => {
 	return <_Book {...props} />;
 };
@@ -1374,6 +1390,22 @@ export const FaceOutlined = (props) => {
 	return <_FaceOutlined {...props} />;
 };
 
+export const Favorite = (props) => {
+	return <_Favorite {...props} />;
+};
+
+export const FavoriteBorder = (props) => {
+	return <_FavoriteBorder {...props} />;
+};
+
+export const FavoriteBorderOutlined = (props) => {
+	return <_FavoriteBorderOutlined {...props} />;
+};
+
+export const FavoriteOutlined = (props) => {
+	return <_FavoriteOutlined {...props} />;
+};
+
 export const FileDownload = (props) => {
 	return <_FileDownload {...props} />;
 };
@@ -1926,6 +1958,10 @@ export const ScienceOutlined = (props) => {
 	return <_ScienceOutlined {...props} />;
 };
 
+export const ManageSearch = (props) => {
+	return <_ManageSearch {...props} />;
+};
+
 export const Search = (props) => {
 	return <_Search {...props} />;
 };

package/core-ui/components/ActionMenuButton/ActionMenuButton.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc, all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc, all rights reserved.
 // http://www.heliocampus.com/
 
 import Button from "../Button/Button";
@@ -50,12 +50,27 @@ const booleanOrFunction = (field, data) =>
 	(typeof field === "boolean" && field);
 
 const renderIcon = (Icon) => {
-	return <Icon />;
+	return <Icon aria-hidden="true" />;
+};
+
+/** Derive the CSS transform-origin for the open animation from the Popper placement,
+ *  so the menu appears to grow out of the edge it is anchored to. */
+const transformOriginForPlacement = (placement) => {
+	const vertical = placement.startsWith("top") ? "bottom" : "top";
+	const horizontal = placement.endsWith("end") ? "right" : "left";
+	return `${horizontal} ${vertical}`;
 };
 
 /** Menu button with actions menu */
 
-const ActionMenuButton = ({ actions, data, disabled = false, disableElevation = true, sx }) => {
+const ActionMenuButton = ({
+	actions,
+	data,
+	disabled = false,
+	disableElevation = true,
+	placement = "bottom-start",
+	sx
+}) => {
 	const [open, setOpen] = useState(false);
 	const [selectedIndex, setSelectedIndex] = useState(0);
 	const anchorRef = useRef(null);
@@ -72,6 +87,13 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 		setOpen((prevOpen) => !prevOpen);
 	};
 
+	const handleKeyDown = (event) => {
+		if (event.key === "Escape") {
+			setOpen(false);
+			anchorRef.current?.querySelector("button:last-child")?.focus();
+		}
+	};
+
 	const handleActionClick = (e, action, index) => {
 		setSelectedIndex(index || null);
 		setOpen(false);
@@ -88,9 +110,10 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 		(actions?.length === 1 && (
 			<>
 				{isMobile ? (
-					<Tooltip title={actions[0].name}>
+					<Tooltip title={actions[0].name || "action"}>
 						<IconButton
-							aria-label={actions[0].name}
+							data-testid="hc-action-menu-button-single"
+							aria-label={actions[0].name || "action"}
 							disabled={disabled}
 							onClick={(e) => handleActionClick(e, actions[0])}
 						>
@@ -99,6 +122,7 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 					</Tooltip>
 				) : (
 					<Button
+						data-testid="hc-action-menu-button-single"
 						sx={sx}
 						variant="contained"
 						color={actions[0].primary ? "primary" : "secondary"}
@@ -118,6 +142,7 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 		(actions?.length > 1 && (
 			<>
 				<ButtonGroup
+					data-testid="hc-action-menu-button-group"
 					disableElevation={disableElevation}
 					sx={sx}
 					variant="contained"
@@ -134,8 +159,9 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 						{actions[0].name}
 					</Button>
 					<Button
+						data-testid="hc-action-menu-button-toggle"
 						aria-controls={open ? "split-button-menu" : undefined}
-						aria-expanded={open ? "true" : undefined}
+						aria-expanded={open}
 						variant="contained"
 						aria-label="view more actions"
 						aria-haspopup="menu"
@@ -154,25 +180,27 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 						}}
 						open={open}
 						anchorEl={anchorRef.current}
+						placement={placement}
 						role={undefined}
 						transition
 						disablePortal
 					>
-						{({ TransitionProps, placement }) => (
+						{({ TransitionProps, placement: actualPlacement }) => (
 							<Grow
 								{...TransitionProps}
 								style={{
 									transformOrigin:
-										placement === "bottom" ? "left top" : "left bottom"
+										transformOriginForPlacement(actualPlacement)
 								}}
 							>
 								<Paper elevation={3}>
 									<ClickAwayListener onClickAway={handleClose}>
-										<MenuList id="split-button-menu" autoFocusItem>
+										<MenuList data-testid="hc-action-menu-button-menu" id="split-button-menu" autoFocusItem onKeyDown={handleKeyDown}>
 											{actions?.map(
 												(action, index) =>
 													isHidden(action, data) === false && (
 														<MenuItem
+															data-testid={`hc-action-menu-button-item-${action.id}`}
 															key={`actionMenuItem-${action.id}`}
 															selected={index === selectedIndex}
 															disabled={booleanOrFunction(
@@ -234,6 +262,21 @@ ActionMenuButton.propTypes = {
 	disabled: PropTypes.bool,
 	/** Disable the elevation? */
 	disableElevation: PropTypes.bool,
+	/** Where the actions menu opens relative to the button. Mirrors MUI Popper placement. Defaults to "bottom-start". */
+	placement: PropTypes.oneOf([
+		"top-start",
+		"top",
+		"top-end",
+		"bottom-start",
+		"bottom",
+		"bottom-end",
+		"left-start",
+		"left",
+		"left-end",
+		"right-start",
+		"right",
+		"right-end"
+	]),
 	/** Additional styles to pass to the button. */
 	sx: PropTypes.any
 };

package/core-ui/components/Actions/Actions.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";
@@ -41,6 +41,7 @@ const Actions = ({ data, configuration }) => {
 
 	return configuration?.map((item, index) => (
 		<Box
+			data-testid={`hc-action-${index}`}
 			key={`actionMenuItem-${seededKeyValue(index)}`}
 			style={{ marginLeft: "8px", ...getStyle(item) }}
 		>

package/core-ui/components/Actions/components/Action/Action.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";

package/core-ui/components/Actions/components/Action/components/ActionMenu/ActionMenu.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2022 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import { ListItemIcon, Menu, MenuItem, Typography } from "@mui/material";
@@ -81,6 +81,8 @@ const ActionMenu = ({
 	data
 }) => {
 
+	const hasVisibleItems = configuration?.some((item) => !isHidden(item, data));
+
 	const [anchorEl, setAnchorEl] = useState(null);
 	const open = Boolean(anchorEl);
 
@@ -99,46 +101,34 @@ const ActionMenu = ({
 	const id = useUID();
 	const seededKeyValue = useUIDSeed();
 
-	return hidden ? (
+	return hidden || !hasVisibleItems ? (
 		(<Root></Root>)
 	) : (
-		<>
-			{disabled ? (
-				<IconButton
-					name={name || `more options`}
-					aria-controls={id}
-					aria-haspopup="true"
-					showTooltip={false}
-					aria-expanded={open}
-					onClick={handleClick}
-					size="small"
-					disabled={true}
-				>
-					{Icon ? (
-						<Icon />
-					) : (
+		<Root>
+			<IconButton
+				data-testid="hc-action-menu-trigger"
+				name={name || `more options`}
+				showTooltip={!disabled}
+				size="small"
+				disabled={disabled}
+				onClick={handleClick}
+				{...(!disabled && {
+					"aria-controls": id,
+					"aria-haspopup": "true",
+					"aria-expanded": open
+				})}
+			>
+				{disabled ? (
+					Icon ? <Icon /> : (
 						<MoreVertIcon
 							className={clsx(classes.expand, {
 								[classes.expandOpen]: open
 							})}
 						/>
-					)}
-				</IconButton>
-			) : (
-				<IconButton
-					name={name || `more options`}
-					showTooltip={true}
-					size="small"
-					aria-controls={id}
-					aria-haspopup="true"
-					aria-expanded={open}
-					onClick={handleClick}
-					disabled={disabled}
-				>
+					)
+				) : (
 					<Badge badgeContent={badge}>
-						{Icon ? (
-							<Icon />
-						) : (
+						{Icon ? <Icon /> : (
 							<MoreVertIcon
 								className={clsx(classes.expand, {
 									[classes.expandOpen]: open
@@ -146,10 +136,11 @@ const ActionMenu = ({
 							/>
 						)}
 					</Badge>
-				</IconButton>
-			)}
+				)}
+			</IconButton>
 
 			<Menu
+				data-testid="hc-action-menu"
 				id={id}
 				anchorEl={anchorEl}
 				keepMounted
@@ -168,6 +159,7 @@ const ActionMenu = ({
 					(item, index) =>
 						!isHidden(item, data) && (
 							<MenuItem
+								data-testid={`hc-action-menu-item-${index}`}
 								key={seededKeyValue(index)}
 								onClick={() => handleMenuClick(item.action)}
 								disabled={isDisabled(item, data) || false}
@@ -188,13 +180,13 @@ const ActionMenu = ({
 										  }
 								}
 							>
-								{item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}
+								{item.icon && <ListItemIcon aria-hidden="true">{item.icon}</ListItemIcon>}
 								<Typography variant="inherit">{item.name}</Typography>
 							</MenuItem>
 						)
 				)}
 			</Menu>
-		</>
+		</Root>
 	);
 };
 

package/core-ui/components/Actions/components/Action/components/Badge/Badge.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import { Badge as MuiBadge } from "@mui/material";

package/core-ui/components/Actions/components/Action/components/Icon/Icon.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2024 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";
@@ -34,6 +34,7 @@ const RenderIconButton = ({ name, item, data, disabled, badge, buttonStyle }) =>
 	const Icon = item?.icon ?? React.Fragment;
 	return (
 		<IconButton
+			data-testid="hc-action-icon-button"
 			name={name || "option"}
 			aria-label={name || "option"}
 			onClick={() => item?.action(data)}

package/core-ui/components/Actions/components/Action/components/Text/Text.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.9                           ║
+ * ║                      Version: 7.0.0-rc.90                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.9
+ * @version     7.0.0-rc.90
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";
@@ -35,6 +35,7 @@ const TextButton = ({ name, item, data, disabled = false, badge, buttonStyle })
 	return (
 		<Badge badgeContent={badge}>
 			<Button
+				data-testid="hc-action-text-button"
 				name={name || "option"}
 				variant={item?.variant || "contained"}
 				aria-label={name || "option"}