cozy-sharing 16.15.1 → 16.17.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [16.17.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.16.0...cozy-sharing@16.17.0) (2024-12-12)
+
+
+### Features
+
+* **cozy-sharing:** Add isShortLabel prop to OpenSharing's buttons ([1085567](https://github.com/cozy/cozy-libs/commit/108556765800f6972a6b4c801fa09fd7c5d08c65))
+
+
+
+
+
+# [16.16.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.15.1...cozy-sharing@16.16.0) (2024-12-12)
+
+
+### Features
+
+* **cozy-sharing:** Add conditionnal prop to openSharingLink action ([ec2a8be](https://github.com/cozy/cozy-libs/commit/ec2a8be595215745e85ae0cc1e9b7493e2c5b8a4))
+
+
+
+
+
 ## [16.15.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.15.0...cozy-sharing@16.15.1) (2024-12-11)
 
 

package/dist/OpenSharingLinkButton.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["link", "isSharingShortcutCreated"];
+var _excluded = ["link", "isSharingShortcutCreated", "isShortLabel"];
 import PropTypes from 'prop-types';
 import React from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
@@ -15,6 +15,7 @@ import withLocales from './hoc/withLocales';
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the Button component.
  */
 
@@ -22,6 +23,8 @@ var OpenSharingLinkButton = function OpenSharingLinkButton(_ref) {
   var link = _ref.link,
       _ref$isSharingShortcu = _ref.isSharingShortcutCreated,
       isSharingShortcutCreated = _ref$isSharingShortcu === void 0 ? false : _ref$isSharingShortcu,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useI18n = useI18n(),
@@ -34,6 +37,7 @@ var OpenSharingLinkButton = function OpenSharingLinkButton(_ref) {
   var _getIconWithlabel = getIconWithlabel({
     link: link,
     isSharingShortcutCreated: isSharingShortcutCreated,
+    isShortLabel: isShortLabel,
     t: t
   }),
       icon = _getIconWithlabel.icon,
@@ -50,6 +54,7 @@ var OpenSharingLinkButton = function OpenSharingLinkButton(_ref) {
 
 OpenSharingLinkButton.propTypes = {
   link: PropTypes.string,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 };
 export default withLocales(OpenSharingLinkButton);

package/dist/OpenSharingLinkFabButton.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["position", "right", "bottom"],
-    _excluded2 = ["link", "isSharingShortcutCreated"],
+    _excluded2 = ["link", "isSharingShortcutCreated", "isShortLabel"],
     _excluded3 = ["style"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -35,6 +35,7 @@ var makeStyles = function makeStyles(customStyle) {
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the ExtendableFab component.
  */
 
@@ -43,6 +44,7 @@ var OpenSharingLinkFabButton = function OpenSharingLinkFabButton(_ref) {
   var link = _ref.link,
       _ref$isSharingShortcu = _ref.isSharingShortcutCreated,
       isSharingShortcutCreated = _ref$isSharingShortcu === void 0 ? false : _ref$isSharingShortcu,
+      isShortLabel = _ref.isShortLabel,
       props = _objectWithoutProperties(_ref, _excluded2);
 
   var _props$style = props.style,
@@ -61,6 +63,7 @@ var OpenSharingLinkFabButton = function OpenSharingLinkFabButton(_ref) {
   var _getIconWithlabel = getIconWithlabel({
     link: link,
     isSharingShortcutCreated: isSharingShortcutCreated,
+    isShortLabel: isShortLabel,
     t: t
   }),
       icon = _getIconWithlabel.icon,
@@ -78,6 +81,7 @@ var OpenSharingLinkFabButton = function OpenSharingLinkFabButton(_ref) {
 
 OpenSharingLinkFabButton.propTypes = {
   link: PropTypes.string.isRequired,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 };
 export default withLocales(OpenSharingLinkFabButton);

package/dist/actions/openSharingLink.js

@@ -23,6 +23,10 @@ var makeComponent = function makeComponent(label, icon) {
 
 export var openSharingLink = function openSharingLink(_ref) {
   var isSharingShortcutCreated = _ref.isSharingShortcutCreated,
+      _ref$openSharingLinkD = _ref.openSharingLinkDisplayed,
+      openSharingLinkDisplayed = _ref$openSharingLinkD === void 0 ? true : _ref$openSharingLinkD,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
       link = _ref.link;
 
   var _getActionsI18n = getActionsI18n(),
@@ -31,6 +35,7 @@ export var openSharingLink = function openSharingLink(_ref) {
   var _getIconWithlabel = getIconWithlabel({
     link: link,
     isSharingShortcutCreated: isSharingShortcutCreated,
+    isShortLabel: isShortLabel,
     t: t
   }),
       icon = _getIconWithlabel.icon,
@@ -40,6 +45,9 @@ export var openSharingLink = function openSharingLink(_ref) {
     name: 'openSharingLink',
     label: label,
     icon: icon,
+    displayCondition: function displayCondition() {
+      return openSharingLinkDisplayed;
+    },
     action: function action() {
       openExternalLink(link);
     },

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

@@ -66,11 +66,15 @@ var SharingBannerCozyToCozy = function SharingBannerCozyToCozy(_ref2) {
   };
 
   var buttonOne = isSharingShortcutCreated ? {
-    label: t('Share.banner.sync_to_mine'),
+    label: t('Share.banner.sync_to_mine', {
+      smart_count: 2
+    }),
     icon: 'sync-cozy',
     action: action
   } : {
-    label: t('Share.banner.add_to_mine'),
+    label: t('Share.banner.add_to_mine', {
+      smart_count: 2
+    }),
     icon: 'to-the-cloud',
     action: action
   };
@@ -124,7 +128,9 @@ var SharingBannerByLink = function SharingBannerByLink(_ref3) {
     buttonOne: /*#__PURE__*/React.createElement(Button, {
       component: "a",
       variant: "text",
-      label: t('Share.create-cozy'),
+      label: t('Share.create-cozy', {
+        smart_count: 2
+      }),
       icon: CozyHomeLinkIcon,
       href: HOME_LINK_HREF
     }),

package/dist/helpers/sharings.js

@@ -130,24 +130,31 @@ export var openExternalLink = function openExternalLink(url) {
 export var getIconWithlabel = function getIconWithlabel(_ref4) {
   var link = _ref4.link,
       isSharingShortcutCreated = _ref4.isSharingShortcutCreated,
+      isShortLabel = _ref4.isShortLabel,
       t = _ref4.t;
 
   if (link === CREATE_COZY_HREF) {
     return {
       icon: ToTheCloudIcon,
-      label: t('Share.create-cozy')
+      label: t('Share.create-cozy', {
+        smart_count: isShortLabel ? 1 : 2
+      })
     };
   }
 
   if (!isSharingShortcutCreated) {
     return {
       icon: CloudPlusOutlinedIcon,
-      label: t('Share.banner.add_to_mine')
+      label: t('Share.banner.add_to_mine', {
+        smart_count: isShortLabel ? 1 : 2
+      })
     };
   }
 
   return {
     icon: SyncIcon,
-    label: t('Share.banner.sync_to_mine')
+    label: t('Share.banner.sync_to_mine', {
+      smart_count: isShortLabel ? 1 : 2
+    })
   };
 };

package/locales/en.json

@@ -28,7 +28,7 @@
       "anyoneWithTheLink": "Anyone with the link",
       "accessCount": "%{count} people have access"
     },
-    "create-cozy": "Create my cozy",
+    "create-cozy": "Create |||| Create my cozy",
     "members": {
       "count": "%{smart_count} member |||| %{smart_count} members",
       "others": "and 1 other… |||| and %{smart_count} others…",
@@ -59,8 +59,8 @@
       "shared_from": "The items below are displayed from ![avatar](%{image}) **%{name}**'s Cozy. You can add a link to this share in your Cozy",
       "whats_cozy": "Cozy is a secure digital home for all your data, hosted in France - ",
       "know_more": "More information",
-      "sync_to_mine": "Synchronise in my Cozy",
-      "add_to_mine": "Add to my Cozy",
+      "sync_to_mine": "Synchronise |||| Synchronise in my Cozy",
+      "add_to_mine": "Add |||| Add to my Cozy",
       "close": "Close"
     },
     "permissionLink": {

package/locales/fr.json

@@ -28,7 +28,7 @@
       "anyoneWithTheLink": "N'importe qui avec le lien",
       "accessCount": "%{count} personnes y ont accès"
     },
-    "create-cozy": "Créer mon Cozy",
+    "create-cozy": "Créer |||| Créer mon Cozy",
     "members": {
       "count": "%{smart_count} membre |||| %{smart_count} membres",
       "others": "et 1 autre… |||| et %{smart_count} autres…",
@@ -59,8 +59,8 @@
       "shared_from": "Les éléments ci-dessous sont affichés depuis le Cozy de ![avatar](%{image}) **%{name}**. Vous pouvez ajouter un lien vers ce partage dans votre Cozy.",
       "whats_cozy": "Cozy est un domicile numérique sécurisé pour toutes vos données, hébergé en France - ",
       "know_more": "En savoir plus",
-      "sync_to_mine": "Synchroniser dans mon Cozy",
-      "add_to_mine": "Ajouter à mon Cozy",
+      "sync_to_mine": "Synchroniser |||| Synchroniser dans mon Cozy",
+      "add_to_mine": "Ajouter |||| Ajouter à mon Cozy",
       "close": "Fermer"
     },
     "permissionLink": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "16.15.1",
+  "version": "16.17.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -74,5 +74,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "af2b4b48c01544820dd385be5914f6fd42ae72e5"
+  "gitHead": "b112d2808c21ed0ee2d73f23a0630128deca0a12"
 }

package/src/OpenSharingLinkButton.jsx

@@ -15,11 +15,13 @@ import withLocales from './hoc/withLocales'
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the Button component.
  */
 const OpenSharingLinkButton = ({
   link,
   isSharingShortcutCreated = false,
+  isShortLabel = false,
   ...props
 }) => {
   const { t } = useI18n()
@@ -31,6 +33,7 @@ const OpenSharingLinkButton = ({
   const { icon, label } = getIconWithlabel({
     link,
     isSharingShortcutCreated,
+    isShortLabel,
     t
   })
 
@@ -46,7 +49,8 @@ const OpenSharingLinkButton = ({
 
 OpenSharingLinkButton.propTypes = {
   link: PropTypes.string,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 }
 
 export default withLocales(OpenSharingLinkButton)

package/src/OpenSharingLinkFabButton.jsx

@@ -24,11 +24,13 @@ const makeStyles = customStyle => {
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the ExtendableFab component.
  */
 const OpenSharingLinkFabButton = ({
   link,
   isSharingShortcutCreated = false,
+  isShortLabel,
   ...props
 }) => {
   const { style = {}, ...rest } = props
@@ -42,6 +44,7 @@ const OpenSharingLinkFabButton = ({
   const { icon, label } = getIconWithlabel({
     link,
     isSharingShortcutCreated,
+    isShortLabel,
     t
   })
 
@@ -60,7 +63,8 @@ const OpenSharingLinkFabButton = ({
 
 OpenSharingLinkFabButton.propTypes = {
   link: PropTypes.string.isRequired,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 }
 
 export default withLocales(OpenSharingLinkFabButton)

package/src/actions/openSharingLink.js

@@ -24,11 +24,17 @@ const makeComponent = (label, icon) => {
   return Component
 }
 
-export const openSharingLink = ({ isSharingShortcutCreated, link }) => {
+export const openSharingLink = ({
+  isSharingShortcutCreated,
+  openSharingLinkDisplayed = true,
+  isShortLabel = false,
+  link
+}) => {
   const { t } = getActionsI18n()
   const { icon, label } = getIconWithlabel({
     link,
     isSharingShortcutCreated,
+    isShortLabel,
     t
   })
 
@@ -36,6 +42,7 @@ export const openSharingLink = ({ isSharingShortcutCreated, link }) => {
     name: 'openSharingLink',
     label,
     icon,
+    displayCondition: () => openSharingLinkDisplayed,
     action: () => {
       openExternalLink(link)
     },

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

@@ -57,12 +57,12 @@ const SharingBannerCozyToCozy = ({
   const action = () => openExternalLink(discoveryLink)
   const buttonOne = isSharingShortcutCreated
     ? {
-        label: t('Share.banner.sync_to_mine'),
+        label: t('Share.banner.sync_to_mine', { smart_count: 2 }),
         icon: 'sync-cozy',
         action
       }
     : {
-        label: t('Share.banner.add_to_mine'),
+        label: t('Share.banner.add_to_mine', { smart_count: 2 }),
         icon: 'to-the-cloud',
         action
       }
@@ -120,7 +120,7 @@ const SharingBannerByLink = ({ onClose }) => {
         <Button
           component="a"
           variant="text"
-          label={t('Share.create-cozy')}
+          label={t('Share.create-cozy', { smart_count: 2 })}
           icon={CozyHomeLinkIcon}
           href={HOME_LINK_HREF}
         />

package/src/helpers/sharings.js

@@ -70,12 +70,28 @@ export const openExternalLink = url => {
  * @param {object} params.t
  * @returns {{ icon: React.Component, label: string }}
  */
-export const getIconWithlabel = ({ link, isSharingShortcutCreated, t }) => {
+export const getIconWithlabel = ({
+  link,
+  isSharingShortcutCreated,
+  isShortLabel,
+  t
+}) => {
   if (link === CREATE_COZY_HREF) {
-    return { icon: ToTheCloudIcon, label: t('Share.create-cozy') }
+    return {
+      icon: ToTheCloudIcon,
+      label: t('Share.create-cozy', { smart_count: isShortLabel ? 1 : 2 })
+    }
   }
   if (!isSharingShortcutCreated) {
-    return { icon: CloudPlusOutlinedIcon, label: t('Share.banner.add_to_mine') }
+    return {
+      icon: CloudPlusOutlinedIcon,
+      label: t('Share.banner.add_to_mine', {
+        smart_count: isShortLabel ? 1 : 2
+      })
+    }
+  }
+  return {
+    icon: SyncIcon,
+    label: t('Share.banner.sync_to_mine', { smart_count: isShortLabel ? 1 : 2 })
   }
-  return { icon: SyncIcon, label: t('Share.banner.sync_to_mine') }
 }