@saleor/macaw-ui 0.7.1 → 0.7.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.1",
+  "version": "0.7.2",
   "license": "CC-BY-4.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/Alert/Alert.tsx

@@ -66,7 +66,7 @@ export const Alert: React.FC<AlertProps> = ({
                 hoverOutline={false}
                 variant="secondary"
                 onClick={() => setVisible(false)}
-                data-test="close"
+                data-test-id="close"
               >
                 <CloseIcon />
               </IconButton>

package/src/Alert/AlertBase.tsx

@@ -27,7 +27,7 @@ export const AlertBase: React.FC<AlertBaseProps> = ({
         [classes.warning]: variant === "warning",
         [classes.success]: variant === "success",
       })}
-      data-test="alert"
+      data-test-id="alert"
       {...rest}
     >
       <CardContent>{children}</CardContent>

package/src/DialogHeader/DialogHeader.tsx

@@ -30,7 +30,7 @@ export const DialogHeader: React.FC<DialogHeaderProps> = ({
           className={classes.button}
           onClick={onClose}
           aria-label="Close modal"
-          data-test="close"
+          data-test-id="close"
         >
           <CloseIcon />
         </button>

package/src/Notification/Notification.tsx

@@ -48,7 +48,7 @@ export const Notification: React.FC<NotificationProps> = ({
   return (
     <div
       className={clsx(classes.snackbarContainer, className)}
-      data-test="notification"
+      data-test-id="notification"
       data-test-type={type}
       {...rest}
     >
@@ -95,7 +95,7 @@ export const Notification: React.FC<NotificationProps> = ({
                 key="action"
                 variant="tertiary"
                 onClick={action.onClick}
-                data-test="button-action"
+                data-test-id="button-action"
               >
                 {action.label}
               </Button>
@@ -135,7 +135,7 @@ export const Notification: React.FC<NotificationProps> = ({
             hoverOutline={false}
             variant="secondary"
             className={classes.closeBtn}
-            data-test="close"
+            data-test-id="close"
           >
             <CloseIcon />
           </IconButton>,

package/src/Pagination/PaginationActions.tsx

@@ -51,7 +51,7 @@ export const PaginationActions = <BProps,>({
         disableRipple
         onClick={onPreviousPage}
         disabled={previousDisabled}
-        data-test="button-pagination-back"
+        data-test-id="button-pagination-back"
         aria-label="previous page"
         {...prevIconButtonProps}
       >
@@ -66,7 +66,7 @@ export const PaginationActions = <BProps,>({
         disableRipple
         onClick={onNextPage}
         disabled={nextDisabled}
-        data-test="button-pagination-next"
+        data-test-id="button-pagination-next"
         aria-label="next page"
         {...nextIconButtonProps}
       >

package/src/Savebar/Savebar.tsx

@@ -46,7 +46,7 @@ export const Savebar: React.FC<SavebarProps> = ({
             error
             variant="primary"
             onClick={onDelete}
-            data-test="button-bar-delete"
+            data-test-id="button-bar-delete"
           >
             {labels.delete}
           </Button>
@@ -58,7 +58,7 @@ export const Savebar: React.FC<SavebarProps> = ({
           color="text"
           variant="secondary"
           onClick={onCancel}
-          data-test="button-bar-cancel"
+          data-test-id="button-bar-cancel"
         >
           {labels.cancel}
         </Button>
@@ -69,7 +69,7 @@ export const Savebar: React.FC<SavebarProps> = ({
           labels={labels}
           onClick={onSubmit}
           transitionState={state}
-          data-test="button-bar-confirm"
+          data-test-id="button-bar-confirm"
         />
       </ButtonTooltipDecorator>
     </ActionBar>

package/src/Sidebar/MenuItem.tsx

@@ -191,8 +191,7 @@ export const MenuItem: React.FC<MenuItemProps> = ({
     >
       <span
         className={classes.menuItemBtn}
-        data-test="menu-item-label"
-        data-test-id={menuItem.id}
+        data-test-id={`menu-item-label-${menuItem.id}`}
       >
         {menuItem.iconSrc && (
           <SVG className={classes.icon} src={menuItem.iconSrc} />
@@ -237,8 +236,7 @@ export const MenuItem: React.FC<MenuItemProps> = ({
                       onClick={(event: React.MouseEvent) =>
                         handleClick(event, subMenuItem)
                       }
-                      data-test="submenu-item-label"
-                      data-test-id={subMenuItem.id}
+                      data-test-id={`submenu-item-label-${subMenuItem.id}`}
                       selected={activeId === subMenuItem.id}
                       {...linkProps}
                     >

package/src/SidebarDrawer/MenuItemBtn.tsx

@@ -24,8 +24,7 @@ export const MenuItemBtn: React.FC<MenuItemBtnProps> = ({
   return (
     <Component
       className={classes.menuItemBtn}
-      data-test="menu-item-label"
-      data-test-id={menuItem.id}
+      data-test-id={`menu-item-label-${menuItem.id}`}
       onClick={() => onClick(menuItem)}
       {...linkProps}
     >

package/src/UserChipMenu/UserChipMenu.tsx

@@ -41,7 +41,7 @@ export const UserChipMenu: React.FC<UserChipProps> = ({
         className={classes.userChip}
         ref={anchor}
         onClick={() => setMenuState(!isMenuOpened)}
-        data-test="userMenu"
+        data-test-id="userMenu"
         state={isMenuOpened ? "active" : "default"}
         {...props}
       >