cozy-ui 58.2.0 → 58.3.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [58.3.0](https://github.com/cozy/cozy-ui/compare/v58.2.0...v58.3.0) (2021-12-13)
+
+
+### Features
+
+* Disable sharing button on Viewer ([c7303b3](https://github.com/cozy/cozy-ui/commit/c7303b3))
+
 # [58.2.0](https://github.com/cozy/cozy-ui/compare/v58.1.2...v58.2.0) (2021-12-08)
 
 

package/package.json

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

package/react/Viewer/Footer/BottomSheetContent.jsx

@@ -20,7 +20,7 @@ const useStyles = makeStyles(theme => ({
   }
 }))
 
-const BottomSheetContent = forwardRef(({ file }, ref) => {
+const BottomSheetContent = forwardRef(({ file, disableSharing }, ref) => {
   const panelBlocks = getPanelBlocks({ panelBlocksSpecs, file })
   const FileActionButton = isMobileApp() ? ForwardButton : DownloadButton
   const styles = useStyles()
@@ -31,7 +31,7 @@ const BottomSheetContent = forwardRef(({ file }, ref) => {
       className={cx('u-flex u-flex-column u-ov-hidden', styles.stack)}
     >
       <Paper className={'u-flex u-ph-1 u-pb-1'} elevation={2} square ref={ref}>
-        <Sharing file={file} />
+        {!disableSharing && <Sharing file={file} />}
         <FileActionButton file={file} />
       </Paper>
       {panelBlocks.map((PanelBlock, index) => (
@@ -50,7 +50,8 @@ const BottomSheetContent = forwardRef(({ file }, ref) => {
 })
 
 BottomSheetContent.propTypes = {
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  disableSharing: PropTypes.bool
 }
 
 export default BottomSheetContent

package/react/Viewer/Footer/FooterContent.jsx

@@ -23,7 +23,7 @@ const useStyles = makeStyles(theme => ({
   }
 }))
 
-const FooterContent = ({ file, toolbarRef }) => {
+const FooterContent = ({ file, toolbarRef, disableSharing }) => {
   const styles = useStyles()
   const FileActionButton = isMobileApp() ? ForwardButton : DownloadButton
   const actionButtonsRef = useRef()
@@ -35,21 +35,27 @@ const FooterContent = ({ file, toolbarRef }) => {
         actionButtonsRef={actionButtonsRef}
         toolbarRef={toolbarRef}
       >
-        <BottomSheetContent file={file} ref={actionButtonsRef} />
+        <BottomSheetContent
+          file={file}
+          disableSharing={disableSharing}
+          ref={actionButtonsRef}
+        />
       </BottomSheetWrapper>
     )
   }
 
   return (
     <div className={styles.footer}>
-      <Sharing file={file} />
+      {!disableSharing && <Sharing file={file} />}
       <FileActionButton file={file} />
     </div>
   )
 }
 
 FooterContent.propTypes = {
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  toolbarRef: PropTypes.object,
+  disableSharing: PropTypes.bool
 }
 
 export default FooterContent

package/react/Viewer/index.jsx

@@ -145,6 +145,7 @@ Viewer.propTypes = {
 const ViewerInformationsWrapper = ({
   currentFile,
   disableFooter,
+  disableSharing,
   validForPanel,
   toolbarRef
 }) => {
@@ -152,7 +153,11 @@ const ViewerInformationsWrapper = ({
     <>
       {!disableFooter && (
         <Footer>
-          <FooterContent file={currentFile} toolbarRef={toolbarRef} />
+          <FooterContent
+            file={currentFile}
+            toolbarRef={toolbarRef}
+            disableSharing={disableSharing}
+          />
         </Footer>
       )}
       {validForPanel && (
@@ -167,12 +172,19 @@ const ViewerInformationsWrapper = ({
 ViewerInformationsWrapper.propTypes = {
   currentFile: PropTypes.shape(FileDoctype).isRequired,
   disableFooter: PropTypes.bool,
+  disableSharing: PropTypes.bool,
   validForPanel: PropTypes.bool,
   toolbarRef: PropTypes.object
 }
 
 export const ViewerContainer = props => {
-  const { className, disableFooter, disablePanel, ...rest } = props
+  const {
+    className,
+    disableFooter,
+    disablePanel,
+    disableSharing,
+    ...rest
+  } = props
   const { currentIndex, files } = props
   const toolbarRef = createRef()
   const { isDesktop } = useBreakpoints()
@@ -195,6 +207,7 @@ export const ViewerContainer = props => {
       />
       <ViewerInformationsWrapper
         disableFooter={disableFooter}
+        disableSharing={disableSharing}
         validForPanel={validForPanel}
         currentFile={currentFile}
         toolbarRef={toolbarRef}
@@ -225,10 +238,12 @@ ViewerContainer.propTypes = {
     /** To open the Only Office file */
     opener: PropTypes.func
   }),
-  /** Show the panel containing more information about the file only on Desktop */
+  /** Show/Hide the panel containing more information about the file only on Desktop */
   disablePanel: PropTypes.bool,
-  /** Show the panel containing more information about the file only on Phone & Tablet devices */
-  disableFooter: PropTypes.bool
+  /** Show/Hide the panel containing more information about the file only on Phone & Tablet devices */
+  disableFooter: PropTypes.bool,
+  /** Show/Hide cozy share button  */
+  disableSharing: PropTypes.bool
 }
 
 ViewerContainer.defaultProps = {

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

@@ -18,7 +18,8 @@ var useStyles = makeStyles(function (theme) {
   };
 });
 var BottomSheetContent = forwardRef(function (_ref, ref) {
-  var file = _ref.file;
+  var file = _ref.file,
+      disableSharing = _ref.disableSharing;
   var panelBlocks = getPanelBlocks({
     panelBlocksSpecs: panelBlocksSpecs,
     file: file
@@ -33,7 +34,7 @@ var BottomSheetContent = forwardRef(function (_ref, ref) {
     elevation: 2,
     square: true,
     ref: ref
-  }, React.createElement(Sharing, {
+  }, !disableSharing && React.createElement(Sharing, {
     file: file
   }), React.createElement(FileActionButton, {
     file: file
@@ -50,6 +51,7 @@ var BottomSheetContent = forwardRef(function (_ref, ref) {
   }));
 });
 BottomSheetContent.propTypes = {
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  disableSharing: PropTypes.bool
 };
 export default BottomSheetContent;

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

@@ -24,7 +24,8 @@ var useStyles = makeStyles(function (theme) {
 
 var FooterContent = function FooterContent(_ref) {
   var file = _ref.file,
-      toolbarRef = _ref.toolbarRef;
+      toolbarRef = _ref.toolbarRef,
+      disableSharing = _ref.disableSharing;
   var styles = useStyles();
   var FileActionButton = isMobileApp() ? ForwardButton : DownloadButton;
   var actionButtonsRef = useRef();
@@ -38,13 +39,14 @@ var FooterContent = function FooterContent(_ref) {
       toolbarRef: toolbarRef
     }, React.createElement(BottomSheetContent, {
       file: file,
+      disableSharing: disableSharing,
       ref: actionButtonsRef
     }));
   }
 
   return React.createElement("div", {
     className: styles.footer
-  }, React.createElement(Sharing, {
+  }, !disableSharing && React.createElement(Sharing, {
     file: file
   }), React.createElement(FileActionButton, {
     file: file
@@ -52,6 +54,8 @@ var FooterContent = function FooterContent(_ref) {
 };
 
 FooterContent.propTypes = {
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  toolbarRef: PropTypes.object,
+  disableSharing: PropTypes.bool
 };
 export default FooterContent;

package/transpiled/react/Viewer/index.js

@@ -174,11 +174,13 @@ Viewer.propTypes = {
 var ViewerInformationsWrapper = function ViewerInformationsWrapper(_ref) {
   var currentFile = _ref.currentFile,
       disableFooter = _ref.disableFooter,
+      disableSharing = _ref.disableSharing,
       validForPanel = _ref.validForPanel,
       toolbarRef = _ref.toolbarRef;
   return React.createElement(React.Fragment, null, !disableFooter && React.createElement(Footer, null, React.createElement(FooterContent, {
     file: currentFile,
-    toolbarRef: toolbarRef
+    toolbarRef: toolbarRef,
+    disableSharing: disableSharing
   })), validForPanel && React.createElement(InformationPanel, null, React.createElement(PanelContent, {
     file: currentFile
   })));
@@ -187,6 +189,7 @@ var ViewerInformationsWrapper = function ViewerInformationsWrapper(_ref) {
 ViewerInformationsWrapper.propTypes = {
   currentFile: PropTypes.shape(FileDoctype).isRequired,
   disableFooter: PropTypes.bool,
+  disableSharing: PropTypes.bool,
   validForPanel: PropTypes.bool,
   toolbarRef: PropTypes.object
 };
@@ -194,7 +197,8 @@ export var ViewerContainer = function ViewerContainer(props) {
   var className = props.className,
       disableFooter = props.disableFooter,
       disablePanel = props.disablePanel,
-      rest = _objectWithoutProperties(props, ["className", "disableFooter", "disablePanel"]);
+      disableSharing = props.disableSharing,
+      rest = _objectWithoutProperties(props, ["className", "disableFooter", "disablePanel", "disableSharing"]);
 
   var currentIndex = props.currentIndex,
       files = props.files;
@@ -220,6 +224,7 @@ export var ViewerContainer = function ViewerContainer(props) {
     toolbarRef: toolbarRef
   })), React.createElement(ViewerInformationsWrapper, {
     disableFooter: disableFooter,
+    disableSharing: disableSharing,
     validForPanel: validForPanel,
     currentFile: currentFile,
     toolbarRef: toolbarRef
@@ -255,11 +260,14 @@ ViewerContainer.propTypes = {
     opener: PropTypes.func
   }),
 
-  /** Show the panel containing more information about the file only on Desktop */
+  /** Show/Hide the panel containing more information about the file only on Desktop */
   disablePanel: PropTypes.bool,
 
-  /** Show the panel containing more information about the file only on Phone & Tablet devices */
-  disableFooter: PropTypes.bool
+  /** Show/Hide the panel containing more information about the file only on Phone & Tablet devices */
+  disableFooter: PropTypes.bool,
+
+  /** Show/Hide cozy share button  */
+  disableSharing: PropTypes.bool
 };
 ViewerContainer.defaultProps = {
   currentIndex: 0,