cozy-ui 113.6.0 → 113.7.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [113.7.1](https://github.com/cozy/cozy-ui/compare/v113.7.0...v113.7.1) (2024-11-28)
+
+
+### Bug Fixes
+
+* **Theme:** Shadow 25 wasn't in Mui theme ([cc5486e](https://github.com/cozy/cozy-ui/commit/cc5486e))
+
+# [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "113.6.0",
+  "version": "113.7.1",
   "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/MuiCozyTheme/helpers.js

@@ -211,6 +211,6 @@ export const getFlagshipCssVar = position =>
  * @returns {array} Array of Mui shadows
  */
 export const makeShadows = (type, variant) =>
-  [...Array(25)].map((_, index) =>
+  [...Array(26)].map((_, index) =>
     getCssVariableValue(`shadow${index}`, type, variant)
   )

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";

package/transpiled/react/MuiCozyTheme/helpers.js

@@ -173,7 +173,7 @@ export var getFlagshipCssVar = function getFlagshipCssVar(position) {
  */
 
 export var makeShadows = function makeShadows(type, variant) {
-  return _toConsumableArray(Array(25)).map(function (_, index) {
+  return _toConsumableArray(Array(26)).map(function (_, index) {
     return getCssVariableValue("shadow".concat(index), type, variant);
   });
 };