@bitrise/bitkit 13.295.0 → 13.297.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.295.0",
+  "version": "13.297.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Breadcrumb/Breadcrumb.theme.ts

@@ -8,17 +8,24 @@ const BreadcrumbTheme: SystemStyleObject = {
       },
     },
     link: {
+      textStyle: 'comp/link/md',
+      color: 'text/link',
+
       _activeLink: {
         _hover: {
+          color: 'text/body',
           textDecoration: 'none',
         },
         color: 'text/body',
         textStyle: 'body/md/semibold',
       },
       _hover: {
+        color: 'text/link-hover',
         textDecoration: 'underline',
       },
-      color: 'purple.50',
+      _active: {
+        color: 'text/primary',
+      },
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       whiteSpace: 'nowrap',

package/src/Components/TreeView/TreeView.tsx

@@ -13,7 +13,19 @@ const TreeViewBranch = (props: PropsWithChildren<Omit<NodeData, 'type' | 'childr
 
 const renderTreeNodes = (nodes: NodeData[]) => {
   return nodes.map((node) => {
-    const { id, type, title, description, iconName, iconColor, label, labelIconName, labelIconColor, children } = node;
+    const {
+      id,
+      type,
+      title,
+      description,
+      iconName,
+      iconColor,
+      label,
+      labelIconName,
+      labelIconColor,
+      children,
+      onClick,
+    } = node;
 
     if (type === 'branch') {
       return (
@@ -32,6 +44,7 @@ const renderTreeNodes = (nodes: NodeData[]) => {
           level={-1}
           indexPath={[]}
           titlePath={[]}
+          onClick={onClick}
         >
           {children && renderTreeNodes(children)}
         </TreeViewNode>
@@ -54,6 +67,7 @@ const renderTreeNodes = (nodes: NodeData[]) => {
         level={-1}
         indexPath={[]}
         titlePath={[]}
+        onClick={onClick}
       />
     );
   });

package/src/Components/TreeView/TreeView.types.ts

@@ -13,6 +13,7 @@ export type NodeData = {
   labelIconName?: TypeIconName;
   labelIconColor?: string;
   children?: NodeData[];
+  onClick?: VoidFunction;
 };
 
 export type NodePath = {

package/src/Components/TreeView/TreeViewNode.tsx

@@ -115,6 +115,7 @@ const TreeViewNode = ({
   label,
   labelIconName,
   labelIconColor,
+  onClick,
   // NodePath
   level,
   indexPath,
@@ -165,6 +166,10 @@ const TreeViewNode = ({
         },
       });
     }
+
+    if (onClick) {
+      onClick();
+    }
   }, [
     id,
     type,