cozy-ui 130.8.1 → 130.10.0

package/react/EditBadge/locales/en.json

@@ -0,0 +1,18 @@
+{
+  "EditBadge": {
+    "menu": {
+      "update": "Update",
+      "delete": "Delete"
+    },
+    "upload": {
+      "file-size": "The file size limit is 5MB.",
+      "file-type": "The file type is not supported. Please try again.",
+      "success": "Avatar updated successfully",
+      "error": "The avatar upload has failed. Please try again."
+    },
+    "delete": {
+      "success": "Avatar deleted successfully",
+      "error": "The avatar deletion has failed. Please try again."
+    }
+  }
+}

package/react/EditBadge/locales/fr.json

@@ -0,0 +1,18 @@
+{
+  "EditBadge": {
+    "menu": {
+      "update": "Mettre à jour",
+      "delete": "Supprimer"
+    },
+    "upload": {
+      "file-size": "La taille du fichier est limitée à 5Mo.",
+      "file-type": "Le type de fichier n'est pas supporté. Merci de réessayer.",
+      "success": "Avatar mis à jour avec succès",
+      "error": "La mise à jour de l'avatar a échoué. Merci de réessayer."
+    },
+    "delete": {
+      "success": "Avatar supprimé avec succès",
+      "error": "La suppression de l'avatar a échoué. Merci de réessayer."
+    }
+  }
+}

package/react/EditBadge/locales/index.js

@@ -0,0 +1,11 @@
+import en from './en.json'
+import fr from './fr.json'
+import ru from './ru.json'
+import vi from './vi.json'
+
+export const locales = {
+  en,
+  fr,
+  ru,
+  vi
+}

package/react/EditBadge/locales/ru.json

@@ -0,0 +1,18 @@
+{
+  "EditBadge": {
+    "menu": {
+      "update": "Обновить",
+      "delete": "Удалить"
+    },
+    "upload": {
+      "file-size": "Максимальный размер файла — 5 МБ.",
+      "file-type": "Тип файла не поддерживается. Пожалуйста, попробуйте снова.",
+      "success": "Аватар успешно обновлён",
+      "error": "Не удалось загрузить аватар. Пожалуйста, попробуйте снова."
+    },
+    "delete": {
+      "success": "Аватар успешно удалён",
+      "error": "Не удалось удалить аватар. Пожалуйста, попробуйте снова."
+    }
+  }
+}

package/react/EditBadge/locales/vi.json

@@ -0,0 +1,18 @@
+{
+  "EditBadge": {
+    "menu": {
+      "update": "Cập nhật",
+      "delete": "Xóa"
+    },
+    "upload": {
+      "file-size": "Giới hạn kích thước tệp là 5MB.",
+      "file-type": "Loại tệp không được hỗ trợ. Vui lòng thử lại.",
+      "success": "Cập nhật ảnh đại diện thành công",
+      "error": "Tải ảnh đại diện thất bại. Vui lòng thử lại."
+    },
+    "delete": {
+      "success": "Xóa ảnh đại diện thành công",
+      "error": "Xóa ảnh đại diện thất bại. Vui lòng thử lại."
+    }
+  }
+}

package/react/providers/DemoProvider.jsx

@@ -4,6 +4,7 @@ import { CozyProvider } from 'cozy-client'
 
 import { BreakpointsProvider } from './Breakpoints'
 import CozyTheme from './CozyTheme'
+import AlertProvider from '../providers/Alert'
 import I18n from '../providers/I18n'
 
 const defaultClient = {
@@ -29,9 +30,11 @@ const DemoProvider = ({ client, variant, dictRequire, children }) => {
   return (
     <CozyProvider client={client || defaultClient}>
       <BreakpointsProvider>
-        <I18n lang={lang} dictRequire={_dictRequire}>
-          <CozyTheme variant={variant}>{children}</CozyTheme>
-        </I18n>
+        <AlertProvider>
+          <I18n lang={lang} dictRequire={_dictRequire}>
+            <CozyTheme variant={variant}>{children}</CozyTheme>
+          </I18n>
+        </AlertProvider>
       </BreakpointsProvider>
     </CozyProvider>
   )

package/react/utils/react.js

@@ -1,4 +1,4 @@
-import { Fragment, Children } from 'react'
+import { Fragment, Children, isValidElement, cloneElement } from 'react'
 
 /**
  * Get the name of the node
@@ -33,3 +33,16 @@ export const getLastChild = props => {
     ? getChildren(lastChild.props)[0]
     : lastChild
 }
+
+/**
+ * Clone a React child and add props on it
+ * @param {React.ReactElement} children
+ * @param {Function} propsCallback - get child props as arg, return new props as object
+ * @returns
+ */
+export const AddPropsToChildren = (children, propsCallback) =>
+  Children.map(children, child =>
+    isValidElement(child)
+      ? cloneElement(child, { ...propsCallback(child.props) })
+      : null
+  )

package/transpiled/react/CozyDialogs/SpecificDialogs/ShortcutDialog.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/transpiled/react/CozyDialogs/SpecificDialogs/ShortcutDialog.js

@@ -0,0 +1,114 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import { checkAndSaveShortcut, makeHumanReadableFileName } from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/helpers/shortcuts";
+import withSpecificDialogsLocales from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/withSpecificDialogsLocales";
+import { ConfirmDialog } from "cozy-ui/transpiled/react/CozyDialogs";
+import Button from "cozy-ui/transpiled/react/Buttons";
+import Stack from "cozy-ui/transpiled/react/Stack";
+import TextField from "cozy-ui/transpiled/react/TextField";
+import { useAlert } from "cozy-ui/transpiled/react/providers/Alert";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+var ENTER_KEY = 13;
+
+var ShortcutDialog = function ShortcutDialog(_ref) {
+  var shortcut = _ref.shortcut,
+      onSave = _ref.onSave,
+      onClose = _ref.onClose;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var initialName = makeHumanReadableFileName((shortcut === null || shortcut === void 0 ? void 0 : shortcut.name) || '');
+  var initialUrl = (shortcut === null || shortcut === void 0 ? void 0 : shortcut.url) || '';
+  var isEditing = !!shortcut;
+
+  var _useState = useState(initialName),
+      _useState2 = _slicedToArray(_useState, 2),
+      fileName = _useState2[0],
+      setFilename = _useState2[1];
+
+  var _useState3 = useState(initialUrl),
+      _useState4 = _slicedToArray(_useState3, 2),
+      url = _useState4[0],
+      setUrl = _useState4[1];
+
+  var saveShortcut = function saveShortcut() {
+    checkAndSaveShortcut({
+      fileName: fileName,
+      url: url,
+      isEditing: isEditing,
+      onSave: onSave,
+      onClose: onClose,
+      showAlert: showAlert,
+      t: t
+    });
+  };
+
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.keyCode === ENTER_KEY) {
+      saveShortcut();
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    title: isEditing ? t('shortcut-dialog.edit-title') : t('shortcut-dialog.create-title'),
+    onClose: onClose,
+    content: /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextField, {
+      label: t('shortcut-dialog.url'),
+      value: url,
+      id: "shortcuturl",
+      variant: "outlined",
+      onChange: function onChange(e) {
+        return setUrl(e.target.value);
+      },
+      onKeyDown: function onKeyDown(e) {
+        return handleKeyDown(e);
+      },
+      autoComplete: "off",
+      fullWidth: true,
+      margin: "normal",
+      autoFocus: true
+    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextField, {
+      label: t('shortcut-dialog.filename'),
+      value: fileName,
+      id: "shortcutfilename",
+      variant: "outlined",
+      onChange: function onChange(e) {
+        return setFilename(e.target.value);
+      },
+      onKeyDown: function onKeyDown(e) {
+        return handleKeyDown(e);
+      },
+      autoComplete: "off",
+      fullWidth: true,
+      margin: "normal"
+    }))),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      onClick: onClose,
+      label: t('shortcut-dialog.cancel')
+    }), /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      label: isEditing ? t('shortcut-dialog.edit') : t('shortcut-dialog.create'),
+      onClick: saveShortcut
+    }))
+  });
+};
+
+ShortcutDialog.propTypes = {
+  /** An io.cozy.files.shortcut object if we want to prefill fields */
+  shortcut: PropTypes.object,
+
+  /** A function called when clicking the save button with filename and url */
+  onSave: PropTypes.func,
+
+  /** A function called when clicking the close button */
+  onClose: PropTypes.func
+};
+ShortcutDialog.displayName = 'ShortcutDialog';
+export default withSpecificDialogsLocales(ShortcutDialog);

package/transpiled/react/CozyDialogs/SpecificDialogs/helpers/shortcuts.d.ts

@@ -0,0 +1,13 @@
+export function isValidURL(url: any): boolean;
+export function makeValidUrl(str: any): any;
+export function makeValidFileName(fileName: any): any;
+export function makeHumanReadableFileName(fileName: any): any;
+export function checkAndSaveShortcut({ fileName, url, isEditing, onSave, onClose, showAlert, t }: {
+    fileName: any;
+    url: any;
+    isEditing: any;
+    onSave: any;
+    onClose: any;
+    showAlert: any;
+    t: any;
+}): Promise<void>;

package/transpiled/react/CozyDialogs/SpecificDialogs/helpers/shortcuts.js

@@ -0,0 +1,83 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export var isValidURL = function isValidURL(url) {
+  try {
+    new URL(url);
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
+export var makeValidUrl = function makeValidUrl(str) {
+  if (isValidURL(str)) return str;else if (isValidURL("https://".concat(str))) return "https://".concat(str);
+  return false;
+};
+export var makeValidFileName = function makeValidFileName(fileName) {
+  return fileName.endsWith('.url') ? fileName : fileName + '.url';
+};
+export var makeHumanReadableFileName = function makeHumanReadableFileName(fileName) {
+  return fileName.endsWith('.url') ? fileName.slice(0, -4) : fileName;
+};
+export var checkAndSaveShortcut = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var fileName, url, isEditing, onSave, onClose, showAlert, t, validFileName, validURL;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            fileName = _ref.fileName, url = _ref.url, isEditing = _ref.isEditing, onSave = _ref.onSave, onClose = _ref.onClose, showAlert = _ref.showAlert, t = _ref.t;
+
+            if (!(!fileName || !url)) {
+              _context.next = 4;
+              break;
+            }
+
+            showAlert({
+              message: t('shortcut-dialog.needs-info'),
+              severity: 'error'
+            });
+            return _context.abrupt("return");
+
+          case 4:
+            validFileName = makeValidFileName(fileName);
+            validURL = makeValidUrl(url);
+
+            if (validURL) {
+              _context.next = 9;
+              break;
+            }
+
+            showAlert({
+              message: t('shortcut-dialog.url-bad-format'),
+              severity: 'error'
+            });
+            return _context.abrupt("return");
+
+          case 9:
+            try {
+              onSave(validFileName, validURL);
+              showAlert({
+                message: isEditing ? t('shortcut-dialog.edited') : t('shortcut-dialog.created'),
+                severity: 'success'
+              });
+            } catch (_unused) {
+              showAlert({
+                message: t('shortcut-dialog.errored'),
+                severity: 'error'
+              });
+            }
+
+            onClose();
+
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function checkAndSaveShortcut(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();

package/transpiled/react/CozyDialogs/SpecificDialogs/index.d.ts

@@ -1,3 +1,4 @@
 export { default as AllowLocationDialog } from "./AllowLocationDialog";
 export { default as InstallFlagshipAppDialog } from "./InstallFlagshipAppDialog";
 export { default as AuthentificationDialog } from "./AuthentificationDialog";
+export { default as ShortcutDialog } from "./ShortcutDialog";

package/transpiled/react/CozyDialogs/SpecificDialogs/index.js

@@ -1,3 +1,4 @@
 export { default as AllowLocationDialog } from './AllowLocationDialog';
 export { default as InstallFlagshipAppDialog } from './InstallFlagshipAppDialog';
-export { default as AuthentificationDialog } from './AuthentificationDialog';
+export { default as AuthentificationDialog } from './AuthentificationDialog';
+export { default as ShortcutDialog } from './ShortcutDialog';

package/transpiled/react/CozyDialogs/SpecificDialogs/withSpecificDialogsLocales.js

@@ -23,6 +23,20 @@ var en = {
       invalid_password: "Incorrect password, try again.",
       server_error: "Something went wrong with the server. Please, reload the page."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Create a shortcut",
+    "edit-title": "Modify a shortcut",
+    filename: "Shortcut name",
+    url: "URL",
+    cancel: "Cancel",
+    create: "Create",
+    edit: "Edit",
+    created: "The shortcut has been created",
+    edited: "The shortcut has been modified",
+    errored: "An error occurred",
+    "needs-info": "A shortcut needs a name and a URL",
+    "url-bad-format": "The entered URL is not in the correct format"
   }
 };
 var fr = {
@@ -50,6 +64,20 @@ var fr = {
       invalid_password: "Mot de passe incorrect, essayer \xE0 nouveau.",
       server_error: "Une erreur s'est produite. Merci de recharger la page."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Cr\xE9er un raccourci",
+    "edit-title": "Modifier un raccourci",
+    filename: "Nom du raccourci",
+    url: "URL",
+    cancel: "Annuler",
+    create: "Cr\xE9er",
+    edit: "Modifier",
+    created: "Le raccourci a \xE9t\xE9 cr\xE9\xE9",
+    edited: "Le raccourci a \xE9t\xE9 modifi\xE9",
+    errored: "Une erreur s'est produite",
+    "needs-info": "Un raccourci a besoin d'un nom et d'une URL",
+    "url-bad-format": "L'URL saisie n'est pas dans le bon format"
   }
 };
 var ru = {
@@ -77,6 +105,20 @@ var ru = {
       invalid_password: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.",
       server_error: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043E\u043C. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u044F\u0440\u043B\u044B\u043A",
+    "edit-title": "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u044F\u0440\u043B\u044B\u043A",
+    filename: "\u0418\u043C\u044F \u044F\u0440\u043B\u044B\u043A\u0430",
+    url: "URL",
+    cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
+    create: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C",
+    edit: "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C",
+    created: "\u042F\u0440\u043B\u044B\u043A \u0431\u044B\u043B \u0441\u043E\u0437\u0434\u0430\u043D",
+    edited: "\u042F\u0440\u043B\u044B\u043A \u0431\u044B\u043B \u0438\u0437\u043C\u0435\u043D\u0435\u043D",
+    errored: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430",
+    "needs-info": "\u0414\u043B\u044F \u044F\u0440\u043B\u044B\u043A\u0430 \u043D\u0443\u0436\u043D\u044B \u0438\u043C\u044F \u0438 URL",
+    "url-bad-format": "\u0412\u0432\u0435\u0434\u0451\u043D\u043D\u044B\u0439 URL \u0438\u043C\u0435\u0435\u0442 \u043D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442"
   }
 };
 var vi = {
@@ -104,6 +146,20 @@ var vi = {
       invalid_password: "M\u1EADt kh\u1EA9u kh\xF4ng ch\xEDnh x\xE1c, h\xE3y th\u1EED l\u1EA1i.",
       server_error: "C\xF3 l\u1ED7i x\u1EA3y ra v\u1EDBi m\xE1y ch\u1EE7. Vui l\xF2ng t\u1EA3i l\u1EA1i trang."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "T\u1EA1o l\u1ED1i t\u1EAFt",
+    "edit-title": "Ch\u1EC9nh s\u1EEDa l\u1ED1i t\u1EAFt",
+    filename: "T\xEAn l\u1ED1i t\u1EAFt",
+    url: "URL",
+    cancel: "H\u1EE7y",
+    create: "T\u1EA1o",
+    edit: "Ch\u1EC9nh s\u1EEDa",
+    created: "L\u1ED1i t\u1EAFt \u0111\xE3 \u0111\u01B0\u1EE3c t\u1EA1o",
+    edited: "L\u1ED1i t\u1EAFt \u0111\xE3 \u0111\u01B0\u1EE3c ch\u1EC9nh s\u1EEDa",
+    errored: "\u0110\xE3 x\u1EA3y ra l\u1ED7i",
+    "needs-info": "L\u1ED1i t\u1EAFt c\u1EA7n c\xF3 t\xEAn v\xE0 URL",
+    "url-bad-format": "URL \u0111\xE3 nh\u1EADp kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng"
   }
 };
 import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";

package/transpiled/react/CozyDialogs/index.d.ts

@@ -8,4 +8,4 @@ export { default as IllustrationDialog } from "./IllustrationDialog";
 export { default as PermissionDialog } from "./PermissionDialog";
 export { default as useCozyDialog } from "./useCozyDialog";
 export { default as TopAnchoredDialog } from "./TopAnchoredDialog";
-export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog } from "./SpecificDialogs";
+export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog, ShortcutDialog } from "./SpecificDialogs";

package/transpiled/react/CozyDialogs/index.js

@@ -8,4 +8,4 @@ export { default as IllustrationDialog } from './IllustrationDialog';
 export { default as PermissionDialog } from './PermissionDialog';
 export { default as useCozyDialog } from './useCozyDialog';
 export { default as TopAnchoredDialog } from './TopAnchoredDialog';
-export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog } from './SpecificDialogs';
+export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog, ShortcutDialog } from './SpecificDialogs';

package/transpiled/react/EditBadge/EditMenu.d.ts

@@ -0,0 +1,11 @@
+export default EditMenu;
+declare function EditMenu({ anchorRef, status, showMenu, setShowMenu, setStatus, setTimestamp, onUpload, onDelete }: {
+    anchorRef: any;
+    status: any;
+    showMenu: any;
+    setShowMenu: any;
+    setStatus: any;
+    setTimestamp: any;
+    onUpload: any;
+    onDelete: any;
+}): JSX.Element;

package/transpiled/react/EditBadge/EditMenu.js

@@ -0,0 +1,93 @@
+import React, { useRef } from 'react';
+import { handleDelete, handleUpload } from "cozy-ui/transpiled/react/EditBadge/helpers";
+import { locales } from "cozy-ui/transpiled/react/EditBadge/locales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import CameraIcon from "cozy-ui/transpiled/react/Icons/Camera";
+import TrashIcon from "cozy-ui/transpiled/react/Icons/Trash";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import Menu from "cozy-ui/transpiled/react/Menu";
+import MenuItem from "cozy-ui/transpiled/react/MenuItem";
+import { useAlert } from "cozy-ui/transpiled/react/providers/Alert";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var EditMenu = function EditMenu(_ref) {
+  var anchorRef = _ref.anchorRef,
+      status = _ref.status,
+      showMenu = _ref.showMenu,
+      setShowMenu = _ref.setShowMenu,
+      setStatus = _ref.setStatus,
+      setTimestamp = _ref.setTimestamp,
+      onUpload = _ref.onUpload,
+      onDelete = _ref.onDelete;
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var fileInputRef = useRef(null);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
+    className: "u-dn",
+    type: "file",
+    ref: fileInputRef,
+    accept: "image/*",
+    onChange: function onChange(event) {
+      return handleUpload({
+        event: event,
+        t: t,
+        fileInputRef: fileInputRef,
+        status: status,
+        onUpload: onUpload,
+        setStatus: setStatus,
+        setTimestamp: setTimestamp,
+        setShowMenu: setShowMenu,
+        showAlert: showAlert
+      });
+    }
+  }), showMenu && /*#__PURE__*/React.createElement(Menu, {
+    open: true,
+    anchorEl: anchorRef,
+    getContentAnchorEl: null,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'left'
+    },
+    onClose: function onClose() {
+      return setShowMenu(false);
+    }
+  }, /*#__PURE__*/React.createElement(MenuItem, {
+    onClick: function onClick() {
+      setShowMenu(false);
+      fileInputRef.current.click(); // triggers onChange of the input
+    }
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: CameraIcon
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('EditBadge.menu.update')
+  })), /*#__PURE__*/React.createElement(MenuItem, {
+    onClick: function onClick() {
+      return handleDelete({
+        t: t,
+        status: status,
+        onDelete: onDelete,
+        setShowMenu: setShowMenu,
+        setStatus: setStatus,
+        setTimestamp: setTimestamp,
+        showAlert: showAlert
+      });
+    }
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: TrashIcon
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('EditBadge.menu.delete')
+  }))));
+};
+
+export default EditMenu;

package/transpiled/react/EditBadge/StatusWrapper.d.ts

@@ -0,0 +1,9 @@
+export default StatusWrapper;
+declare function StatusWrapper({ src, status, setStatus, timestamp, children }: {
+    src: any;
+    status: any;
+    setStatus: any;
+    timestamp: any;
+    children: any;
+}): JSX.Element | (React.ReactElement<any, string | React.JSXElementConstructor<any>> | null)[];
+import React from "react";

package/transpiled/react/EditBadge/StatusWrapper.js

@@ -0,0 +1,44 @@
+import cx from 'classnames';
+import React from 'react';
+import Spinner from "cozy-ui/transpiled/react/Spinner";
+import { AddPropsToChildren } from "cozy-ui/transpiled/react/utils/react";
+
+var StatusWrapper = function StatusWrapper(_ref) {
+  var src = _ref.src,
+      status = _ref.status,
+      setStatus = _ref.setStatus,
+      timestamp = _ref.timestamp,
+      children = _ref.children;
+
+  if (status === 'LOADING') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, AddPropsToChildren(children, function (childProps) {
+      return {
+        className: cx(childProps.className, 'u-o-50')
+      };
+    }), /*#__PURE__*/React.createElement(Spinner, {
+      className: "u-m-0",
+      middle: true,
+      size: "large"
+    }));
+  }
+
+  if (status === 'PRESENT') {
+    return AddPropsToChildren(children, function () {
+      return {
+        key: timestamp,
+        src: src,
+        onError: function onError() {
+          return setStatus('ABSENT');
+        }
+      };
+    });
+  }
+
+  return AddPropsToChildren(children, function () {
+    return {
+      key: timestamp
+    };
+  });
+};
+
+export default StatusWrapper;

package/transpiled/react/EditBadge/helpers.d.ts

@@ -0,0 +1,20 @@
+export function handleUpload({ event, t, fileInputRef, status, onUpload, setStatus, setTimestamp, setShowMenu, showAlert }: {
+    event: any;
+    t: any;
+    fileInputRef: any;
+    status: any;
+    onUpload: any;
+    setStatus: any;
+    setTimestamp: any;
+    setShowMenu: any;
+    showAlert: any;
+}): Promise<void>;
+export function handleDelete({ t, status, onDelete, setShowMenu, setStatus, setTimestamp, showAlert }: {
+    t: any;
+    status: any;
+    onDelete: any;
+    setShowMenu: any;
+    setStatus: any;
+    setTimestamp: any;
+    showAlert: any;
+}): Promise<void>;