aefis-core-ui 7.0.0-rc.13 → 7.0.0-rc.131

package/core-ui/HOCs/withThemeProvider.tsx

@@ -10,14 +10,14 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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";
@@ -86,6 +86,9 @@ const Action = ({ actionItem, data }) => {
 		const name = item.name || "Action Menu";
 		return typeof item.name === "function" ? item.name(data) : name;
 	};
+	const getTooltip = (item) => {
+		return typeof item.tooltip === "function" ? item.tooltip(data) : item.tooltip;
+	};
 	const getStyle = (item) => {
 		const style = item.style || undefined;
 		return typeof item.style === "function" ? item.style(data) : style;
@@ -102,6 +105,7 @@ const Action = ({ actionItem, data }) => {
 			{actionItem.menu?.length > 0 ? (
 				<ActionMenu
 					name={getName(actionItem)}
+					tooltip={getTooltip(actionItem)}
 					configuration={actionItem.menu}
 					hidden={isHidden(actionItem)}
 					disabled={isDisabled(actionItem)}

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

@@ -10,46 +10,43 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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";
-import { styled } from '@mui/material/styles';
+import { styled } from "@mui/material/styles";
 import IconButton from "../../../../../IconButton/IconButton";
 import clsx from "clsx";
 import { MoreVert as MoreVertIcon } from "../../../../../../Icon";
+import { setPendingFocusTrigger } from "../../../../../../hooks/useFocusLifecycle/focusRestoreRegistry";
 import PropTypes from "prop-types";
 import React, { useState } from "react";
 import { useUID, useUIDSeed } from "react-uid";
 
 import Badge from "../Badge/Badge";
 
-const PREFIX = 'ActionMenu';
+const PREFIX = "ActionMenu";
 
 const classes = {
-    expand: `${PREFIX}-expand`,
-    expandOpen: `${PREFIX}-expandOpen`
+	expand: `${PREFIX}-expand`,
+	expandOpen: `${PREFIX}-expandOpen`
 };
 
 // TODO jss-to-styled codemod: The Fragment root was replaced by div. Change the tag if needed.
-const Root = styled('div')((
-    {
-        theme
-    }
-) => ({
-    [`& .${classes.expand}`]: {
+const Root = styled("div")(({ theme }) => ({
+	[`& .${classes.expand}`]: {
 		transform: "rotate(0deg)",
 		marginLeft: "auto",
 		transition: theme.transitions.create("transform", {
@@ -57,7 +54,7 @@ const Root = styled('div')((
 		})
 	},
 
-    [`& .${classes.expandOpen}`]: {
+	[`& .${classes.expandOpen}`]: {
 		transform: "rotate(90deg)"
 	}
 }));
@@ -73,6 +70,7 @@ const isHidden = (item, data) => {
 
 const ActionMenu = ({
 	name,
+	tooltip,
 	icon: Icon,
 	disabled = false,
 	hidden = false,
@@ -80,6 +78,7 @@ const ActionMenu = ({
 	configuration,
 	data
 }) => {
+	const hasVisibleItems = configuration?.some((item) => !isHidden(item, data));
 
 	const [anchorEl, setAnchorEl] = useState(null);
 	const open = Boolean(anchorEl);
@@ -93,28 +92,52 @@ const ActionMenu = ({
 		setAnchorEl(null);
 	};
 	const handleMenuClick = (action) => {
+		// Hand the trigger to whichever overlay the action opens (WCAG 2.4.3):
+		// by the time the action runs, `document.activeElement` is the menu item,
+		// which this close destroys — the overlay cannot recover the trigger on
+		// its own. The registry handoff needs no per-screen wiring; the `meta`
+		// arg remains for callers that want the trigger explicitly.
+		const trigger = anchorEl;
 		setAnchorEl(null);
-		action(data);
+		setPendingFocusTrigger(trigger);
+		action(data, { trigger });
 	};
-	const id = useUID();
+	// Prefixed, not the bare useUID() value: useUID returns a plain number, and a
+	// numeric id — while legal HTML5 — is an INVALID CSS selector, so
+	// `document.querySelector("#246")` throws. Accessibility tooling resolves ID
+	// references that way, so axe could never verify this menu's `aria-controls`
+	// and reported it as an unresolvable (critical) incomplete on every row.
+	const id = `hc-action-menu-${useUID()}`;
 	const seededKeyValue = useUIDSeed();
 
-	return hidden ? (
-		(<Root></Root>)
+	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 ? (
+		<Root>
+			<IconButton
+				data-testid="hc-action-menu-trigger"
+				name={name || `more options`}
+				// Kept separate from `name` so the accessible name can be as long as it
+				// needs to be to identify the row, without turning the hover tooltip into
+				// a paragraph. Defaults to `name` when unset.
+				tooltip={tooltip}
+				showTooltip={!disabled}
+				size="small"
+				disabled={disabled}
+				onClick={handleClick}
+				{...(!disabled && {
+					// Only reference the menu while it is open. The Menu is
+					// `keepMounted`, so when closed it stays in the DOM carrying
+					// `aria-hidden="true"` — and an ID reference into an aria-hidden
+					// subtree is unreadable by screen readers, which invalidates the
+					// relationship. `aria-expanded` already conveys the closed state.
+					...(open && { "aria-controls": id }),
+					"aria-haspopup": "true",
+					"aria-expanded": open
+				})}
+			>
+				{disabled ? (
+					Icon ? (
 						<Icon />
 					) : (
 						<MoreVertIcon
@@ -122,19 +145,8 @@ const ActionMenu = ({
 								[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 />
@@ -146,10 +158,11 @@ const ActionMenu = ({
 							/>
 						)}
 					</Badge>
-				</IconButton>
-			)}
+				)}
+			</IconButton>
 
 			<Menu
+				data-testid="hc-action-menu"
 				id={id}
 				anchorEl={anchorEl}
 				keepMounted
@@ -168,6 +181,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}
@@ -180,26 +194,30 @@ const ActionMenu = ({
 												"& .Mui-focusVisible": {
 													backgroundColor: "rgba(0, 0, 0, 0.04)"
 												}
-										  }
+											}
 										: {
 												"&.Mui-focusVisible": {
 													backgroundColor: "rgba(0, 0, 0, 0.04)"
 												}
-										  }
+											}
 								}
 							>
-								{item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}
+								{item.icon && (
+									<ListItemIcon aria-hidden="true">{item.icon}</ListItemIcon>
+								)}
 								<Typography variant="inherit">{item.name}</Typography>
 							</MenuItem>
 						)
 				)}
 			</Menu>
-		</>
+		</Root>
 	);
 };
 
 ActionMenu.propTypes = {
 	name: PropTypes.string,
+	/** Tooltip text when it should be shorter than `name`. Keep it a substring of `name` (WCAG 2.5.3). */
+	tooltip: PropTypes.string,
 	icon: PropTypes.any,
 	disabled: PropTypes.bool,
 	hidden: PropTypes.bool,

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.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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.13                           ║
+ * ║                      Version: 7.0.0-rc.131                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.13
+ * @version     7.0.0-rc.131
  * @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)}