@redsift/design-system 12.0.0-muiv7 → 12.1.0-muiv5

package/_internal/DetailedCard.js

@@ -6777,10 +6777,25 @@ const COMPONENT_NAME = 'DetailedCard';
 const CLASSNAME = 'redsift-detailed-card';
 const hasMultipleCollapsibleChildren = children => {
   const collapsibleChildren = [];
-  const childrenArray = React__default.Children.toArray(children);
-  for (const child of childrenArray) {
+  const processChild = child => {
+    if (! /*#__PURE__*/React__default.isValidElement(child)) {
+      return;
+    }
+
+    // Check if child has children property that's an array
+    if ( /*#__PURE__*/React__default.isValidElement(child) && child.props && Array.isArray(child.props.children)) {
+      child.props.children.forEach(processChild);
+      return;
+    }
     if (isComponent(DetailedCardSection)(child)) {
-      let hasCollapsibleItems = Boolean(child.isCollapsible);
+      // Check if section has explicit isCollapsible={true} prop
+      if (child.props.isCollapsible === true) {
+        collapsibleChildren.push(child);
+        return;
+      }
+
+      // Otherwise, auto-detect by checking for CollapsibleSectionItems as direct children
+      let hasCollapsibleItems = false;
       React__default.Children.forEach(child.props.children, sectionChild => {
         if (isComponent(DetailedCardCollapsibleSectionItems)(sectionChild)) {
           hasCollapsibleItems = true;
@@ -6790,7 +6805,15 @@ const hasMultipleCollapsibleChildren = children => {
         collapsibleChildren.push(child);
       }
     }
-  }
+  };
+  React__default.Children.forEach(children, child => {
+    // If child is an array, process each element
+    if (Array.isArray(child)) {
+      child.forEach(processChild);
+    } else {
+      processChild(child);
+    }
+  });
   return collapsibleChildren.length > 1;
 };