@vention/machine-ui 3.47.0 → 4.0.0

package/index.esm.js

@@ -9404,7 +9404,8 @@ const VentionCollapsibleCaretButton = ({
     component: "div",
     className: classes.root,
     onClick: onClick,
-    "data-testid": dataTestid ? `${dataTestid}-collapse-button` : "collapsibleCaretButton",
+    "data-testid": dataTestid,
+    "aria-expanded": isExpanded,
     children: jsx(IconCaretRightFilled, {
       size: 16
     })
@@ -9512,13 +9513,14 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   };
   const isCaretVisible = Children.count(children) > 0;
+  const testId = dataTestid !== null && dataTestid !== void 0 ? dataTestid : "vention-tree-item";
   return jsxs("div", {
     className: classes.root,
     onClick: handleOnClick,
     ref: ref,
     children: [jsxs("div", {
-      "data-testid": "mainContent",
       "aria-selected": isSelected,
+      "data-testid": testId,
       className: classes.mainContent,
       onContextMenu: event => onContextMenu === null || onContextMenu === void 0 ? void 0 : onContextMenu(event),
       onMouseEnter: event => {
@@ -9539,14 +9541,14 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
           isVisible: isCaretVisible,
           isExpanded: isExpanded,
           onClick: handleIsExpandedToggle,
-          dataTestid: dataTestid
+          dataTestid: `${testId}-collapseButton`
         }), jsx("div", {
-          "data-testid": "treeItemIcon",
+          "data-testid": `${testId}-icon`,
           className: classes.iconContainer,
           children: icon
         }), jsx("div", {
           className: classes.labelContainer,
-          "data-testid": dataTestid,
+          "data-testid": `${testId}-label`,
           onDoubleClick: handleRenaming,
           children: jsx(Typography, {
             className: classes.label,
@@ -9561,7 +9563,7 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
                   paddingLeft: theme.spacing(2)
                 }
               },
-              "data-testid": "tree-item-text-input",
+              "data-testid": `${testId}-textInput`,
               onChange: event => setLabel(event.target.value),
               onBlur: () => handleRename(label),
               onKeyUp: event => {
@@ -9573,10 +9575,10 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
           })
         }), hasVisibleTrailingOrActionItems && jsxs("div", {
           className: classes.actionButtonsContainer,
-          "data-testid": "actionButtonContainer",
+          "data-testid": `${testId}-contextItems`,
           children: [trailingElements === null || trailingElements === void 0 ? void 0 : trailingElements.map((trailingElement, index) => jsx("div", {
             className: cx(classes.trailingElement, trailingElement.showOnHover && classes.trailingElementShowOnHover),
-            "data-testid": `trailingElement-${index}`,
+            "data-testid": `${testId}-trailingElement-${index}`,
             onClick: handleTrailingElementClick,
             children: trailingElement.component
           }, index)), actionButtons === null || actionButtons === void 0 ? void 0 : actionButtons.map((button, index) => {
@@ -9587,7 +9589,7 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
             return jsx(VentionIconButton, {
               variant: "shaded",
               className: `${classes.actionButton} ${button.showOnHover ? classes.showOnHover : ""}`,
-              "data-testid": `actionButtonContainer-${index}`,
+              "data-testid": `${testId}-actionButton-${index}`,
               onClick: handleButtonOnClick,
               children: button.component
             }, index);
@@ -9595,7 +9597,7 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
         })]
       }), captionsRight && captionsRight.length > 0 && jsx("div", {
         className: classes.captionRightContainer,
-        "data-testid": "captionRight",
+        "data-testid": `${testId}-captionRightContainer`,
         children: captionsRight.map((caption, index) => jsx("div", {
           className: cx(classes.captionRight, !!caption.onClick && classes.clickableCaptionRight),
           onClick: caption.onClick ? event => {
@@ -9605,7 +9607,7 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
           style: {
             color: caption.color
           },
-          "data-testid": `captionRight-${index}`,
+          "data-testid": `${testId}-captionRight-${index}`,
           children: jsx(Typography, {
             className: cx(classes.label, classes.captionRightLabel),
             variant: "uiTableNumbers12Reg",
@@ -9625,7 +9627,6 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
   });
 });
 const useStyles$a = tss.withParams().withNestedSelectors().create(({
-  hasWarning,
   isSelected,
   isExpanded,
   theme,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "3.47.0",
+  "version": "4.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/components/vention-tree-item/vention-collapsible-caret-button.d.ts

@@ -6,7 +6,7 @@ interface VentionCollapsibleCaretButtonProps {
     isExpanded: boolean;
     isVisible: boolean;
     onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-    dataTestid?: string;
+    dataTestid?: string | undefined;
 }
 export declare const VentionCollapsibleCaretButton: FC<VentionCollapsibleCaretButtonProps>;
 export {};