@bitrise/bitkit 13.239.0 → 13.241.0

package/package.json

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

package/src/Components/Breadcrumb/Breadcrumb.tsx

@@ -1,4 +1,4 @@
-import React, { Children } from 'react';
+import { Children } from 'react';
 import {
   Breadcrumb as ChakraBreadcrumb,
   BreadcrumbItem,
@@ -22,12 +22,9 @@ const Breadcrumb = forwardRef<BreadcrumbProps, 'nav'>((props, ref) => {
   const { children, hasSeparatorAfterLast, hasSeparatorBeforeFirst, separatorIconName, ...rest } = props;
   const { isMobile } = useResponsive();
 
-  const childrenCount = Children.count(children);
-  const items = Children.map(children, (child, index) => {
-    if (!React.isValidElement(child)) {
-      return null;
-    }
-
+  const childArray = Children.toArray(children);
+  const childrenCount = childArray.length;
+  const items = childArray.map((child, index) => {
     return (
       <BreadcrumbItem>
         {hasSeparatorBeforeFirst && index === 0 && <BreadcrumbSeparator marginLeft="0" />}

package/src/Components/Dropdown/Dropdown.tsx

@@ -213,7 +213,7 @@ function useDropdown<T>({
   // clear map when value is changed from the outside
   useEffect(() => {
     if (labelMapRef.current && Array.isArray(value)) {
-      const removed = labelMapRef.current.keys().filter((key) => !value.includes(key));
+      const removed = [...labelMapRef.current.keys()].filter((key) => !value.includes(key));
       removed.forEach((remove) => labelMapRef.current?.delete(remove));
     }
   }, [value]);