@bitrise/bitkit 12.69.0 → 12.69.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.69.0",
+  "version": "12.69.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/Avatar/Avatar.tsx

@@ -12,7 +12,10 @@ const getInitials = (name: string) => {
   if (name.length < 3) {
     return name;
   }
-  return `${name.charAt(0)}${name.charAt(name.length - 1)}`;
+
+  const nameArray = Array.from(name);
+
+  return `${nameArray[0]}${nameArray[nameArray.length - 1]}`;
 };
 
 const Avatar = forwardRef<AvatarProps, 'span'>((props, ref) => (

package/src/Components/ExpandableCard/ExpandableCard.theme.ts

@@ -4,9 +4,6 @@ const { defineMultiStyleConfig } = createMultiStyleConfigHelpers(['button', 'che
 
 const ExpandableCardTheme = defineMultiStyleConfig({
   baseStyle: ({ isOpen }) => ({
-    box: {
-      zIndex: 1,
-    },
     button: {
       borderTopStartRadius: '8',
       borderTopEndRadius: '8',

package/src/Components/OverflowMenu/OverflowMenu.tsx

@@ -1,3 +1,5 @@
+import { Fragment } from 'react';
+import { Portal } from '@chakra-ui/react';
 import IconButton, { IconButtonProps } from '../IconButton/IconButton';
 import Menu, { MenuProps } from '../Menu/Menu';
 import MenuButton from '../Menu/MenuButton';
@@ -7,9 +9,11 @@ export interface OverflowMenuProps extends MenuProps {
   children: MenuListProps['children'];
   buttonSize?: IconButtonProps['size'];
   triggerLabel?: string;
+  withPortal?: boolean;
 }
 
-const OverflowMenu = ({ buttonSize = 'small', children, triggerLabel }: OverflowMenuProps) => {
+const OverflowMenu = ({ buttonSize = 'small', children, triggerLabel, withPortal }: OverflowMenuProps) => {
+  const Wrapper = withPortal ? Portal : Fragment;
   return (
     <Menu isLazy>
       <MenuButton
@@ -20,13 +24,16 @@ const OverflowMenu = ({ buttonSize = 'small', children, triggerLabel }: Overflow
         size={buttonSize}
         variant="tertiary"
       />
-      <MenuList>{children}</MenuList>
+      <Wrapper>
+        <MenuList>{children}</MenuList>
+      </Wrapper>
     </Menu>
   );
 };
 
 OverflowMenu.defaultProps = {
   triggerLabel: 'Open menu',
+  withPortal: false,
 };
 
 export default OverflowMenu;