cozy-ui 113.5.0 → 113.7.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [113.7.0](https://github.com/cozy/cozy-ui/compare/v113.6.0...v113.7.0) (2024-11-27)
+
+
+### Features
+
+* **Actions:** Add copyToClipboard and editAttribute ([a7e91a6](https://github.com/cozy/cozy-ui/commit/a7e91a6))
+
+# [113.6.0](https://github.com/cozy/cozy-ui/compare/v113.5.0...v113.6.0) (2024-11-27)
+
+
+### Features
+
+* **Icon:** Add Text ([fc7ddcb](https://github.com/cozy/cozy-ui/commit/fc7ddcb))
+
 # [113.5.0](https://github.com/cozy/cozy-ui/compare/v113.4.0...v113.5.0) (2024-11-27)
 
 

package/assets/icons/ui/text.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 13a1 1 0 1 1 0 2H1a1 1 0 1 1 0-2h8Zm6-4a1 1 0 1 1 0 2H1a1 1 0 1 1 0-2h14Zm0-4a1 1 0 1 1 0 2H1a1 1 0 0 1 0-2h14Zm0-4a1 1 0 1 1 0 2H1a1 1 0 0 1 0-2h14Z"/></svg>

package/package.json

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

package/react/ActionsMenu/Actions/copyToClipboard.js

@@ -0,0 +1,55 @@
+import React, { forwardRef } from 'react'
+
+import { getActionsI18n } from './locales/withActionsLocales'
+import Icon from '../../Icon'
+import CopyIcon from '../../Icons/Copy'
+import ListItemIcon from '../../ListItemIcon'
+import ListItemText from '../../ListItemText'
+import ActionsMenuItem from '../ActionsMenuItem'
+
+const makeComponent = (label, icon) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = 'copyToClipboard'
+
+  return Component
+}
+
+export const copyToClipboard = () => {
+  const { t } = getActionsI18n()
+  const icon = CopyIcon
+  const label = t('copyToClipboard.copy')
+
+  return {
+    name: 'copyToClipboard',
+    icon,
+    label,
+    Component: makeComponent(label, icon),
+    action: async (_, { showAlert, copyValue }) => {
+      if (!copyValue) return false
+      try {
+        await navigator.clipboard.writeText(copyValue)
+        showAlert({
+          message: t('copyToClipboard.success'),
+          severity: 'success',
+          variant: 'filled'
+        })
+      } catch (error) {
+        showAlert({
+          message: t('copyToClipboard.error'),
+          severity: 'error',
+          variant: 'filled'
+        })
+      }
+    }
+  }
+}

package/react/ActionsMenu/Actions/editAttribute.js

@@ -0,0 +1,41 @@
+import React, { forwardRef } from 'react'
+
+import { getActionsI18n } from './locales/withActionsLocales'
+import Icon from '../../Icon'
+import TextInfoIcon from '../../Icons/TextInfo'
+import ListItemIcon from '../../ListItemIcon'
+import ListItemText from '../../ListItemText'
+import ActionsMenuItem from '../ActionsMenuItem'
+
+const makeComponent = (label, icon) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = 'editAttribute'
+
+  return Component
+}
+
+export const editAttribute = () => {
+  const { t } = getActionsI18n()
+  const icon = TextInfoIcon
+  const label = t('editAttribute')
+
+  return {
+    name: 'editAttribute',
+    icon,
+    label,
+    Component: makeComponent(label, icon),
+    action: (docs, { editAttributeCallback }) => {
+      editAttributeCallback(docs)
+    }
+  }
+}

package/react/ActionsMenu/Actions/index.js

@@ -7,4 +7,6 @@ export { emailTo } from './emailTo'
 export { print } from './print'
 export { viewInContacts } from './viewInContacts'
 export { viewInDrive } from './viewInDrive'
+export { copyToClipboard } from './copyToClipboard'
+export { editAttribute } from './editAttribute'
 export { others } from './others'

package/react/ActionsMenu/Actions/locales/en.json

@@ -6,5 +6,11 @@
   "smsTo": "Send a message",
   "print": "Print",
   "others": "Others",
+  "editAttribute": "Edit attribute",
+  "copyToClipboard": {
+    "copy": "Copy",
+    "success": "Copied to clipboard",
+    "error": "Cannot copy to clipboard"
+  },
   "call": "Call"
 }

package/react/ActionsMenu/Actions/locales/fr.json

@@ -6,5 +6,11 @@
   "smsTo": "Envoyer un message",
   "print": "Imprimer",
   "others": "Autres",
+  "editAttribute": "Editer l'attribut",
+  "copyToClipboard": {
+    "copy": "Copier",
+    "success": "Copié dans le presse-papier",
+    "error": "Impossible de copier dans le presse-papier"
+  },
   "call": "Appeler"
 }

package/react/Icon/Readme.md

@@ -304,6 +304,7 @@ import Task from 'cozy-ui/transpiled/react/Icons/Task'
 import Team from 'cozy-ui/transpiled/react/Icons/Team'
 import Telecom from 'cozy-ui/transpiled/react/Icons/Telecom'
 import Telephone from 'cozy-ui/transpiled/react/Icons/Telephone'
+import Text from 'cozy-ui/transpiled/react/Icons/Text'
 import TextInfo from 'cozy-ui/transpiled/react/Icons/TextInfo'
 import Top from 'cozy-ui/transpiled/react/Icons/Top'
 import ToTheCloud from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
@@ -571,6 +572,7 @@ const icons = [
   Team,
   Telecom,
   Telephone,
+  Text,
   TextInfo,
   Top,
   ToTheCloud,
@@ -933,7 +935,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
 let i = 0
-const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-plus-outlined','cloud','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','devices','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email','eu','euro','exchange','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','select-all','server','setting','share-circle','share','shield','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
+const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-plus-outlined','cloud','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','devices','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email','eu','euro','exchange','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','select-all','server','setting','share-circle','share','shield','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
 ;
 <div style={{ fontSize: '2rem', display: 'grid', gridTemplateColumns: 'repeat(6, 1fr)' }}>
   <Sprite />

package/react/Icons/Text.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/text.svg` to regenerate;
+import React from 'react'
+
+function SvgText(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9 13a1 1 0 110 2H1a1 1 0 110-2h8zm6-4a1 1 0 110 2H1a1 1 0 110-2h14zm0-4a1 1 0 110 2H1a1 1 0 010-2h14zm0-4a1 1 0 110 2H1a1 1 0 010-2h14z"
+      />
+    </svg>
+  )
+}
+
+export default SvgText

package/transpiled/react/ActionsMenu/Actions/copyToClipboard.js

@@ -0,0 +1,91 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { forwardRef } from 'react';
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import CopyIcon from "cozy-ui/transpiled/react/Icons/Copy";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'copyToClipboard';
+  return Component;
+};
+
+export var copyToClipboard = function copyToClipboard() {
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = CopyIcon;
+  var label = t('copyToClipboard.copy');
+  return {
+    name: 'copyToClipboard',
+    icon: icon,
+    label: label,
+    Component: makeComponent(label, icon),
+    action: function () {
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_, _ref) {
+        var showAlert, copyValue;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                showAlert = _ref.showAlert, copyValue = _ref.copyValue;
+
+                if (copyValue) {
+                  _context.next = 3;
+                  break;
+                }
+
+                return _context.abrupt("return", false);
+
+              case 3:
+                _context.prev = 3;
+                _context.next = 6;
+                return navigator.clipboard.writeText(copyValue);
+
+              case 6:
+                showAlert({
+                  message: t('copyToClipboard.success'),
+                  severity: 'success',
+                  variant: 'filled'
+                });
+                _context.next = 12;
+                break;
+
+              case 9:
+                _context.prev = 9;
+                _context.t0 = _context["catch"](3);
+                showAlert({
+                  message: t('copyToClipboard.error'),
+                  severity: 'error',
+                  variant: 'filled'
+                });
+
+              case 12:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[3, 9]]);
+      }));
+
+      function action(_x, _x2) {
+        return _action.apply(this, arguments);
+      }
+
+      return action;
+    }()
+  };
+};

package/transpiled/react/ActionsMenu/Actions/editAttribute.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import TextInfoIcon from "cozy-ui/transpiled/react/Icons/TextInfo";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'editAttribute';
+  return Component;
+};
+
+export var editAttribute = function editAttribute() {
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = TextInfoIcon;
+  var label = t('editAttribute');
+  return {
+    name: 'editAttribute',
+    icon: icon,
+    label: label,
+    Component: makeComponent(label, icon),
+    action: function action(docs, _ref) {
+      var editAttributeCallback = _ref.editAttributeCallback;
+      editAttributeCallback(docs);
+    }
+  };
+};

package/transpiled/react/ActionsMenu/Actions/index.js

@@ -7,4 +7,6 @@ export { emailTo } from './emailTo';
 export { print } from './print';
 export { viewInContacts } from './viewInContacts';
 export { viewInDrive } from './viewInDrive';
+export { copyToClipboard } from './copyToClipboard';
+export { editAttribute } from './editAttribute';
 export { others } from './others';

package/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales.js

@@ -6,6 +6,12 @@ var en = {
   smsTo: "Send a message",
   print: "Print",
   others: "Others",
+  editAttribute: "Edit attribute",
+  copyToClipboard: {
+    copy: "Copy",
+    success: "Copied to clipboard",
+    error: "Cannot copy to clipboard"
+  },
   call: "Call"
 };
 var fr = {
@@ -16,6 +22,12 @@ var fr = {
   smsTo: "Envoyer un message",
   print: "Imprimer",
   others: "Autres",
+  editAttribute: "Editer l'attribut",
+  copyToClipboard: {
+    copy: "Copier",
+    success: "Copi\xE9 dans le presse-papier",
+    error: "Impossible de copier dans le presse-papier"
+  },
   call: "Appeler"
 };
 import { getI18n } from "cozy-ui/transpiled/react/providers/I18n/helpers";