cozy-ui 68.1.0 → 68.1.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [68.1.1](https://github.com/cozy/cozy-ui/compare/v68.1.0...v68.1.1) (2022-05-25)
+
+
+### Bug Fixes
+
+* Do not crash if the component does not find the child ([57f296b](https://github.com/cozy/cozy-ui/commit/57f296b))
+* The name "FooterActionButtons" does not exist in the build version ([2d13777](https://github.com/cozy/cozy-ui/commit/2d13777))
+
 # [68.1.0](https://github.com/cozy/cozy-ui/compare/v68.0.1...v68.1.0) (2022-05-24)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "68.1.0",
+  "version": "68.1.1",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Viewer/Footer/FooterActionButtons.jsx

@@ -9,6 +9,8 @@ const FooterActionButtons = ({ children, file }) => {
   return mapToAllChildren(children, child => cloneElement(child, { file }))
 }
 
+FooterActionButtons.displayName = 'FooterActionButtons'
+
 FooterActionButtons.propTypes = {
   children: PropTypes.oneOfType([
     PropTypes.node,

package/react/Viewer/Footer/FooterContent.jsx

@@ -1,4 +1,4 @@
-import React, { useMemo, Children, cloneElement } from 'react'
+import React, { useMemo, Children, cloneElement, isValidElement } from 'react'
 import PropTypes from 'prop-types'
 import { makeStyles } from '@material-ui/core/styles'
 
@@ -27,16 +27,19 @@ const FooterContent = ({ file, toolbarRef, children }) => {
 
   const { contactName, isLoadingContacts } = useReferencedContactName(file)
 
-  const FooterActionButtons = Children.toArray(children).find(child => {
-    return (
-      child.type.name === 'FooterActionButtons' ||
-      child.type.displayName === 'FooterActionButtons'
-    )
-  })
+  const FooterActionButtons =
+    Children.toArray(children).find(child => {
+      return (
+        child.type.name === 'FooterActionButtons' ||
+        child.type.displayName === 'FooterActionButtons'
+      )
+    }) || null
 
-  const FooterActionButtonsWithFile = cloneElement(FooterActionButtons, {
-    file
-  })
+  const FooterActionButtonsWithFile = isValidElement(FooterActionButtons)
+    ? cloneElement(FooterActionButtons, {
+        file
+      })
+    : null
 
   // We have to wait for the Contact request to finish before rendering `BottomSheet`, because it doesn't handle async well.
   if (isValidForPanel({ file }) && !isLoadingContacts) {

package/transpiled/react/Viewer/Footer/FooterActionButtons.js

@@ -13,6 +13,7 @@ var FooterActionButtons = function FooterActionButtons(_ref) {
   });
 };
 
+FooterActionButtons.displayName = 'FooterActionButtons';
 FooterActionButtons.propTypes = {
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   file: PropTypes.object

package/transpiled/react/Viewer/Footer/FooterContent.js

@@ -1,4 +1,4 @@
-import React, { useMemo, Children, cloneElement } from 'react';
+import React, { useMemo, Children, cloneElement, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import BottomSheet, { BottomSheetHeader } from "cozy-ui/transpiled/react/BottomSheet";
@@ -36,10 +36,10 @@ var FooterContent = function FooterContent(_ref) {
 
   var FooterActionButtons = Children.toArray(children).find(function (child) {
     return child.type.name === 'FooterActionButtons' || child.type.displayName === 'FooterActionButtons';
-  });
-  var FooterActionButtonsWithFile = /*#__PURE__*/cloneElement(FooterActionButtons, {
+  }) || null;
+  var FooterActionButtonsWithFile = /*#__PURE__*/isValidElement(FooterActionButtons) ? /*#__PURE__*/cloneElement(FooterActionButtons, {
     file: file
-  }); // We have to wait for the Contact request to finish before rendering `BottomSheet`, because it doesn't handle async well.
+  }) : null; // We have to wait for the Contact request to finish before rendering `BottomSheet`, because it doesn't handle async well.
 
   if (isValidForPanel({
     file: file