cozy-sharing 37.7.0 → 38.1.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [38.1.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@38.0.0...cozy-sharing@38.1.0) (2026-09-16)
+
+### Features
+
+- **sharing:** Add hideCreateCozyAction prop to SharingBannerPlugin ([946fcb7](https://github.com/cozy/cozy-libs/commit/946fcb73ce27fca02511a2b03b34affdc0584d3b))
+
+# [38.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.7.0...cozy-sharing@38.0.0) (2026-09-16)
+
+### Bug Fixes
+
+- **cozy-sharing:** Fix invisible folder icons in downgrade dialog ([6908d83](https://github.com/cozy/cozy-libs/commit/6908d83421ad65e5d4bd34659b9a24929609e5b5))
+- **cozy-sharing:** Upgrade packages ([e632bc8](https://github.com/cozy/cozy-libs/commit/e632bc894af136e071e8315eb25ba2c276952249))
+
+### BREAKING CHANGES
+
+- **cozy-sharing:** you must have `@linagora/twake-icons >= 2.9.0`
+
 # [37.7.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.6.2...cozy-sharing@37.7.0) (2026-09-15)
 
 ### Bug Fixes

package/dist/components/Recipient/DowngradePermissionConfirmDialog.js

@@ -63,6 +63,7 @@ var DowngradePermissionConfirmDialog = function DowngradePermissionConfirmDialog
     }, /*#__PURE__*/React.createElement("div", {
       className: "u-w-1-half u-flex u-flex-justify-center"
     }, /*#__PURE__*/React.createElement(Icon, {
+      color: "var(--iconTextColor)",
       icon: FolderOutlined,
       size: 24
     }))), /*#__PURE__*/React.createElement(TimelineConnector, null)), /*#__PURE__*/React.createElement(TimelineContent, null, /*#__PURE__*/React.createElement(Typography, {
@@ -88,6 +89,7 @@ var DowngradePermissionConfirmDialog = function DowngradePermissionConfirmDialog
     }, /*#__PURE__*/React.createElement("div", {
       className: "u-w-1-half u-flex u-flex-justify-center"
     }, /*#__PURE__*/React.createElement(Icon, {
+      color: "var(--iconTextColor)",
       icon: FolderOutlined,
       size: 16
     })))), /*#__PURE__*/React.createElement(TimelineContent, null, /*#__PURE__*/React.createElement(Typography, {

package/dist/components/SharingBanner/components/PublicBanner.js

@@ -124,7 +124,8 @@ var SharingBannerByLinkText = function SharingBannerByLinkText() {
 };
 
 var SharingBannerByLink = function SharingBannerByLink(_ref3) {
-  var onClose = _ref3.onClose;
+  var onClose = _ref3.onClose,
+      hideCreateCozyAction = _ref3.hideCreateCozyAction;
 
   var _useI18n4 = useI18n(),
       t = _useI18n4.t;
@@ -143,7 +144,7 @@ var SharingBannerByLink = function SharingBannerByLink(_ref3) {
     color: "var(--defaultBackgroundColor)",
     square: true,
     block: isMobile,
-    action: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    action: /*#__PURE__*/React.createElement(React.Fragment, null, !hideCreateCozyAction && /*#__PURE__*/React.createElement(Button, {
       component: "a",
       variant: "text",
       label: t('Share.create-cozy', {
@@ -161,6 +162,10 @@ var SharingBannerByLink = function SharingBannerByLink(_ref3) {
   }, /*#__PURE__*/React.createElement(SharingBannerByLinkText, null));
 };
 
+SharingBannerByLink.propTypes = {
+  onClose: PropTypes.func,
+  hideCreateCozyAction: PropTypes.bool
+};
 SharingBannerCozyToCozy.propTypes = {
   sharing: PropTypes.object.isRequired,
   isSharingShortcutCreated: PropTypes.bool.isRequired,

package/dist/components/SharingBanner/components/SharingBanner.js

@@ -3,7 +3,8 @@ import PropTypes from 'prop-types';
 import React, { useState, useCallback } from 'react';
 import { SharingBannerByLink, SharingBannerCozyToCozy } from './PublicBanner';
 export var SharingBanner = function SharingBanner(_ref) {
-  var sharingInfos = _ref.sharingInfos;
+  var sharingInfos = _ref.sharingInfos,
+      hideCreateCozyAction = _ref.hideCreateCozyAction;
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -19,7 +20,8 @@ export var SharingBanner = function SharingBanner(_ref) {
       isSharingShortcutCreated = sharingInfos.isSharingShortcutCreated;
   if (loading) return null;
   return isOpened && (!addSharingLink ? /*#__PURE__*/React.createElement(SharingBannerByLink, {
-    onClose: onClose
+    onClose: onClose,
+    hideCreateCozyAction: hideCreateCozyAction
   }) : /*#__PURE__*/React.createElement(SharingBannerCozyToCozy, {
     isSharingShortcutCreated: isSharingShortcutCreated,
     sharing: sharing,
@@ -28,6 +30,7 @@ export var SharingBanner = function SharingBanner(_ref) {
   }));
 };
 SharingBanner.propTypes = {
-  sharingInfos: PropTypes.object
+  sharingInfos: PropTypes.object,
+  hideCreateCozyAction: PropTypes.bool
 };
 export default SharingBanner;

package/dist/components/SharingBanner/index.js

@@ -5,14 +5,17 @@ import { useSharingInfos } from './hooks/useSharingInfos';
 import withLocales from '../../hoc/withLocales';
 
 var Plugin = function Plugin(_ref) {
-  var previewPath = _ref.previewPath;
+  var previewPath = _ref.previewPath,
+      hideCreateCozyAction = _ref.hideCreateCozyAction;
   var sharingInfos = useSharingInfos(previewPath);
   return /*#__PURE__*/React.createElement(SharingBanner, {
-    sharingInfos: sharingInfos
+    sharingInfos: sharingInfos,
+    hideCreateCozyAction: hideCreateCozyAction
   });
 };
 
 Plugin.propTypes = {
-  previewPath: PropTypes.string
+  previewPath: PropTypes.string,
+  hideCreateCozyAction: PropTypes.bool
 };
 export var SharingBannerPlugin = withLocales(Plugin);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "37.7.0",
+  "version": "38.1.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -40,7 +40,7 @@
   "devDependencies": {
     "@babel/cli": "7.16.8",
     "@babel/core": "7.16.12",
-    "@linagora/twake-icons": "^2.6.6",
+    "@linagora/twake-icons": "^2.9.0",
     "@storybook/addon-essentials": "7.6.0",
     "@storybook/addon-interactions": "7.6.0",
     "@storybook/addon-links": "7.6.0",
@@ -59,7 +59,7 @@
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
     "cozy-ui": "^140.5.0",
-    "cozy-ui-plus": "^13.0.2",
+    "cozy-ui-plus": "^13.0.4",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "react": "16.12.0",
@@ -69,7 +69,7 @@
     "twake-i18n": "^0.5.0"
   },
   "peerDependencies": {
-    "@linagora/twake-icons": ">=2.6.6",
+    "@linagora/twake-icons": ">=2.9.0",
     "cozy-client": ">=60.28.0",
     "cozy-device-helper": ">=4.0.0",
     "cozy-flags": ">=4.8.1",
@@ -85,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b204dc35cf01f135f6b8ba4a5ae4acbb0753456f"
+  "gitHead": "96598a165eae6c8eef3da4b6451af1dfdb8801a0"
 }

package/src/components/Recipient/DowngradePermissionConfirmDialog.jsx

@@ -58,7 +58,11 @@ const DowngradePermissionConfirmDialog = ({
               <TimelineSeparator>
                 <TimelineDot className="u-bg-transparent u-bdw-0 u-elevation-0 u-p-0">
                   <div className="u-w-1-half u-flex u-flex-justify-center">
-                    <Icon icon={FolderOutlined} size={24} />
+                    <Icon
+                      color="var(--iconTextColor)"
+                      icon={FolderOutlined}
+                      size={24}
+                    />
                   </div>
                 </TimelineDot>
                 <TimelineConnector />
@@ -89,7 +93,11 @@ const DowngradePermissionConfirmDialog = ({
               <TimelineSeparator>
                 <TimelineDot className="u-bg-transparent u-bdw-0 u-elevation-0 u-p-0">
                   <div className="u-w-1-half u-flex u-flex-justify-center">
-                    <Icon icon={FolderOutlined} size={16} />
+                    <Icon
+                      color="var(--iconTextColor)"
+                      icon={FolderOutlined}
+                      size={16}
+                    />
                   </div>
                 </TimelineDot>
               </TimelineSeparator>

package/src/components/SharingBanner/components/PublicBanner.jsx

@@ -115,7 +115,7 @@ const SharingBannerByLinkText = () => {
   )
 }
 
-const SharingBannerByLink = ({ onClose }) => {
+const SharingBannerByLink = ({ onClose, hideCreateCozyAction }) => {
   const { t } = useI18n()
   const { isMobile } = useBreakpoints()
 
@@ -135,13 +135,15 @@ const SharingBannerByLink = ({ onClose }) => {
       block={isMobile}
       action={
         <>
-          <Button
-            component="a"
-            variant="text"
-            label={t('Share.create-cozy', { smart_count: 2 })}
-            startIcon={<Icon icon={CozyHomeLinkIcon} />}
-            href={HOME_LINK_HREF}
-          />
+          {!hideCreateCozyAction && (
+            <Button
+              component="a"
+              variant="text"
+              label={t('Share.create-cozy', { smart_count: 2 })}
+              startIcon={<Icon icon={CozyHomeLinkIcon} />}
+              href={HOME_LINK_HREF}
+            />
+          )}
           <Button
             variant="text"
             label={t('Share.banner.close')}
@@ -154,6 +156,10 @@ const SharingBannerByLink = ({ onClose }) => {
     </Alert>
   )
 }
+SharingBannerByLink.propTypes = {
+  onClose: PropTypes.func,
+  hideCreateCozyAction: PropTypes.bool
+}
 SharingBannerCozyToCozy.propTypes = {
   sharing: PropTypes.object.isRequired,
   isSharingShortcutCreated: PropTypes.bool.isRequired,

package/src/components/SharingBanner/components/SharingBanner.jsx

@@ -3,7 +3,7 @@ import React, { useState, useCallback } from 'react'
 
 import { SharingBannerByLink, SharingBannerCozyToCozy } from './PublicBanner'
 
-export const SharingBanner = ({ sharingInfos }) => {
+export const SharingBanner = ({ sharingInfos, hideCreateCozyAction }) => {
   const [isOpened, setIsOpened] = useState(true)
   const onClose = useCallback(() => setIsOpened(false), [setIsOpened])
 
@@ -14,7 +14,10 @@ export const SharingBanner = ({ sharingInfos }) => {
   return (
     isOpened &&
     (!addSharingLink ? (
-      <SharingBannerByLink onClose={onClose} />
+      <SharingBannerByLink
+        onClose={onClose}
+        hideCreateCozyAction={hideCreateCozyAction}
+      />
     ) : (
       <SharingBannerCozyToCozy
         isSharingShortcutCreated={isSharingShortcutCreated}
@@ -27,7 +30,8 @@ export const SharingBanner = ({ sharingInfos }) => {
 }
 
 SharingBanner.propTypes = {
-  sharingInfos: PropTypes.object
+  sharingInfos: PropTypes.object,
+  hideCreateCozyAction: PropTypes.bool
 }
 
 export default SharingBanner

package/src/components/SharingBanner/index.jsx

@@ -5,13 +5,19 @@ import { SharingBanner } from './components/SharingBanner'
 import { useSharingInfos } from './hooks/useSharingInfos'
 import withLocales from '../../hoc/withLocales'
 
-const Plugin = ({ previewPath }) => {
+const Plugin = ({ previewPath, hideCreateCozyAction }) => {
   const sharingInfos = useSharingInfos(previewPath)
-  return <SharingBanner sharingInfos={sharingInfos} />
+  return (
+    <SharingBanner
+      sharingInfos={sharingInfos}
+      hideCreateCozyAction={hideCreateCozyAction}
+    />
+  )
 }
 
 Plugin.propTypes = {
-  previewPath: PropTypes.string
+  previewPath: PropTypes.string,
+  hideCreateCozyAction: PropTypes.bool
 }
 
 export const SharingBannerPlugin = withLocales(Plugin)