@dhis2/analytics 25.1.21 → 25.2.0

package/build/cjs/locales/es/translations.json

@@ -8,7 +8,7 @@
     "No description": "Sin descripción",
     "Last updated {{time}}": "Última actualización {{time}}",
     "Created {{time}} by {{author}}": "Creado {{time}} por {{author}}",
-    "Created {{time}}": "",
+    "Created {{time}}": "Creado {{time}}",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "Notificaciones",
@@ -16,33 +16,33 @@
     "Unsubscribe": "Cancelar la suscripción",
     "Subscribe to get updates about new interpretations.": "Suscríbase para recibir actualizaciones sobre nuevas interpretaciones.",
     "Subscribe": "Suscribirse",
-    "About this map": "",
+    "About this map": "Acerca de este mapa",
     "About this line list": "",
     "About this visualization": "Acerca de esta visualización",
     "This app could not retrieve required data.": "Esta aplicación no pudo recuperar los datos requeridos.",
     "Network error": "Error de red",
-    "Data / Edit calculation": "",
-    "Data / New calculation": "",
-    "Remove item": "",
-    "Check formula": "",
-    "Calculation name": "",
-    "Shown in table headers and chart axes/legends": "",
-    "Delete calculation": "",
+    "Data / Edit calculation": "Datos / Editar cálculo",
+    "Data / New calculation": "Datos / Nuevo cálculo",
+    "Remove item": "Quitar elemento",
+    "Check formula": "Comprobar fórmula",
+    "Calculation name": "Nombre del cálculo",
+    "Shown in table headers and chart axes/legends": "Se muestra en los encabezados de las tablas y en los ejes/leyendas de los gráficos",
+    "Delete calculation": "Eliminar cálculo",
     "Cancel": "Cancelar",
-    "The calculation can only be saved with a valid formula": "",
-    "Add a name to save this calculation": "",
-    "Save calculation": "",
-    "Are you sure you want to delete this calculation? It may be used by other visualizations.": "",
+    "The calculation can only be saved with a valid formula": "El cálculo solo puede guardarse con una fórmula válida",
+    "Add a name to save this calculation": "Añadir un nombre para guardar este cálculo",
+    "Save calculation": "Guardar cálculo",
+    "Are you sure you want to delete this calculation? It may be used by other visualizations.": "¿Está seguro de que desea eliminar este cálculo? Puede ser utilizado por otras visualizaciones.",
     "Yes, delete": "si, eliminar",
     "Totals only": "Solo totales",
     "Details only": "Solo detalles",
     "Loading": "Cargando",
     "Data elements": "Elementos de datos",
-    "Search by data element name": "",
+    "Search by data element name": "Búsqueda por nombre de elemento de datos",
     "No data elements found for \"{{- searchTerm}}\"": "No se han encontrado elementos de datos para \"{{- searchTerm}}\"",
     "No data elements found": "No se han encontrado elementos de datos",
-    "Drag items here, or double click in the list, to start building a calculation formula": "",
-    "Math operators": "",
+    "Drag items here, or double click in the list, to start building a calculation formula": "Arrastre elementos aquí, o haga doble clic en la lista, para comenzar a crear una fórmula de cálculo",
+    "Math operators": "Operadores matemáticos",
     "Data Type": "Tipo de datos",
     "All types": "Todos los tipos",
     "Disaggregation": "Desagregación",
@@ -51,15 +51,15 @@
     "No items selected": "No hay elementos seleccionados",
     "Selected Items": "Elementos seleccionados",
     "No indicators found": "No se han encontrado indicadores",
-    "No data sets found": "",
+    "No data sets found": "No se han encontrado sets de datos",
     "No event data items found": "",
     "No program indicators found": "No se han encontrado indicadores de programa",
     "No indicators found for \"{{- searchTerm}}\"": "No se han encontrado indicadores para \"{{- searchTerm}}\"",
-    "No data sets found for \"{{- searchTerm}}\"": "",
+    "No data sets found for \"{{- searchTerm}}\"": "No se han encontrado sets de datos para \"{{- searchTerm}}\"",
     "No event data items found for \"{{- searchTerm}}\"": "",
     "No program indicators found for \"{{- searchTerm}}\"": "No se han encontrado indicadores de programa para \"{{- searchTerm}}\"",
     "Nothing found for \"{{- searchTerm}}\"": "No se encontró nada para \"{{- searchTerm}}\"",
-    "Calculation": "",
+    "Calculation": "Cálculo",
     "Metric type": "Tipo de métrica",
     "All metrics": "Todas las métricas",
     "Move to {{axisName}}": "Mover a {{Nombredeleje}}",
@@ -98,7 +98,7 @@
     "Name": "Nombre",
     "Description": "Descripción",
     "Rename": "Renombrar",
-    "{{- objectName}} (copy)": "",
+    "{{- objectName}} (copy)": "{{- objectName}} (copia)",
     "Save {{fileType}} as": "Guardar {{fileType}} como",
     "event report": "informe de evento",
     "line list": "",
@@ -110,10 +110,10 @@
     "Could not update comment": "No se pudo actualizar el comentario",
     "Enter comment text": "Introducir el texto del comentario",
     "Update": "Actualizar",
-    "Viewing interpretation: {{- visualisationName}}": "",
+    "Viewing interpretation: {{- visualisationName}}": "Visualización de la interpretación: {{- visualisationName}}",
     "Could not load interpretation": "No se pudo cargar la interpretación",
-    "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "",
-    "Hide interpretation": "",
+    "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "No se ha podido mostrar la interpretación. Vuelva a intentarlo o póngase en contacto con el administrador del sistema.",
+    "Hide interpretation": "Ocultar interpretación",
     "Write an interpretation": "Escribir una interpretación",
     "Post interpretation": "",
     "Interpretations": "Interpretaciones",
@@ -121,20 +121,20 @@
     "Like": "como",
     "Reply": "Responder",
     "Share": "Compartir",
-    "See interpretation": "",
+    "See interpretation": "Ver interpretación",
     "Manage sharing": "Administrar compartir",
-    "Could not update interpretation": "",
-    "Enter interpretation text": "",
-    "Bold text": "",
-    "Italic text": "",
-    "Link to a URL": "",
-    "Mention a user": "",
-    "Add emoji": "",
-    "Preview": "",
-    "Back to write mode": "",
-    "Too many results. Try refining the search.": "",
-    "Search for a user": "",
-    "Searching for \"{{- searchText}}\"": "",
+    "Could not update interpretation": "No se pudo actualizar la interpretación",
+    "Enter interpretation text": "Introducir el texto de la interpretación",
+    "Bold text": "Texto en negrita",
+    "Italic text": "Texto en cursiva",
+    "Link to a URL": "Enlace a una URL",
+    "Mention a user": "Mencionar a un usuario",
+    "Add emoji": "Añadir emoji",
+    "Preview": "Vista previa",
+    "Back to write mode": "Volver al modo de escritura",
+    "Too many results. Try refining the search.": "Demasiados resultados. Intenta refinar la búsqueda.",
+    "Search for a user": "Buscar un usuario",
+    "Searching for \"{{- searchText}}\"": "Buscando \"{{- searchText}}\"",
     "No results found": "No results found",
     "Not available offline": "No disponible sin conexión a internet",
     "Created by": "Creado por",
@@ -273,7 +273,7 @@
     "Choose a locale to translate from the menu above": "",
     "Translate: {{objectName}}": "Traducir: {{objectName}}",
     "Save translations": "Guardar traducciones",
-    "Cannot save while offline": "",
+    "Cannot save while offline": "No se puede guardar sin conexión a internet",
     "Could not load translations": "No se pudieron cargar las traducciones",
     "Retry": "Reintentar",
     "Series": "Series",
@@ -301,8 +301,8 @@
     "Loading data element groups": "Cargando grupos de elementos de datos",
     "Data sets": "Sets de datos",
     "Data set": "Set de Datos\\:",
-    "All data sets": "",
-    "Loading data sets": "",
+    "All data sets": "Todos los sets de datos",
+    "Loading data sets": "Cargando sets de datos",
     "Event data items": "Datos de eventos",
     "All programs": "Todos los programas",
     "Event data item": "Event data item",
@@ -310,15 +310,15 @@
     "Loading programs": "Cargando programas",
     "Program indicators": "Indicadores de programa",
     "Program indicator": "Indicador de Programa",
-    "Calculations": "",
+    "Calculations": "Cálculos",
     "Number": "Número",
-    "Formula is empty. Add items to the formula from the lists on the left.": "",
-    "Consecutive math operators": "",
-    "Consecutive data elements": "",
-    "Starts or ends with a math operator": "",
-    "Empty parentheses": "",
-    "Missing right parenthesis )": "",
-    "Missing left parenthesis (": "",
+    "Formula is empty. Add items to the formula from the lists on the left.": "La fórmula está vacía. Añada elementos a la fórmula desde las listas de la izquierda.",
+    "Consecutive math operators": "Operadores matemáticos consecutivos",
+    "Consecutive data elements": "Elementos de datos consecutivos",
+    "Starts or ends with a math operator": "Comienza o termina con un operador matemático",
+    "Empty parentheses": "Paréntesis vacíos",
+    "Missing right parenthesis )": "Falta el paréntesis derecho )",
+    "Missing left parenthesis (": "Falta el paréntesis izquierdo (",
     "Extra Small": "Extra pequeño",
     "Small": "Pequeña",
     "Regular": "Normal",
@@ -375,5 +375,5 @@
     "Axis {{axisId}}": "Eje {{axisId}}",
     "{{count}} items": "",
     "{{count}} items_plural": "",
-    "Reset zoom": ""
+    "Reset zoom": "Restablecer zoom"
 }

package/build/es/__demo__/FileMenu.stories.js

@@ -2,6 +2,7 @@ import { Provider } from '@dhis2/app-runtime';
 import { storiesOf } from '@storybook/react';
 import React from 'react';
 import { FileMenu } from '../components/FileMenu/FileMenu.js';
+import { HoverMenuBar } from '../components/Toolbar/index.js';
 const configMock = {
   baseUrl: 'http://localhost:8080',
   apiVersion: 33
@@ -52,19 +53,19 @@ const visReadonlyObject = { ...visObject,
 };
 storiesOf('FileMenu', module).add('Simple', () => /*#__PURE__*/React.createElement(Provider, {
   config: configMock
-}, /*#__PURE__*/React.createElement(FileMenu, {
+}, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,
   fileType: "visualization"
-}))).add('With AO', () => /*#__PURE__*/React.createElement(Provider, {
+})))).add('With AO', () => /*#__PURE__*/React.createElement(Provider, {
   config: configMock
-}, /*#__PURE__*/React.createElement(FileMenu, {
+}, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,
   fileType: "visualization",
   fileObject: visObject
-}))).add('With readonly AO', () => /*#__PURE__*/React.createElement(Provider, {
+})))).add('With readonly AO', () => /*#__PURE__*/React.createElement(Provider, {
   config: configMock
-}, /*#__PURE__*/React.createElement(FileMenu, {
+}, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,
   fileType: "visualization",
   fileObject: visReadonlyObject
-})));
+}))));

package/build/es/__demo__/Toolbar.stories.js

@@ -0,0 +1,69 @@
+import { storiesOf } from '@storybook/react';
+import React, { useState } from 'react';
+import { HoverMenuBar, HoverMenuDropdown, HoverMenuList, HoverMenuListItem, InterpretationsAndDetailsToggler, Toolbar, ToolbarSidebar, UpdateButton } from '../components/Toolbar/index.js';
+
+function ToolbarWithState() {
+  const [isHidden, setIsHidden] = useState(false);
+  const [isSidebarShowing, setIsSidebarShowing] = useState(false);
+  return /*#__PURE__*/React.createElement(Toolbar, null, /*#__PURE__*/React.createElement(ToolbarSidebar, {
+    isHidden: isHidden
+  }, /*#__PURE__*/React.createElement("span", null, "Toolbar side bar"), /*#__PURE__*/React.createElement("a", {
+    style: {
+      paddingLeft: 12,
+      textDecoration: 'underline',
+      cursor: 'pointer'
+    },
+    onClick: () => setIsHidden(true)
+  }, "click to hide")), /*#__PURE__*/React.createElement(UpdateButton, null), /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(HoverMenuDropdown, {
+    label: "Menu A"
+  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item A.1"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item A.2"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item A.3"
+  }))), /*#__PURE__*/React.createElement(HoverMenuDropdown, {
+    label: "Menu B"
+  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.1"
+  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.1.1"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.1.2"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.1.3"
+  })), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.2"
+  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.2.1"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.2.2"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.2.3"
+  })), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.3",
+    disabled: true
+  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.3.1"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.3.2"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item B.3.3"
+  })))), /*#__PURE__*/React.createElement(HoverMenuDropdown, {
+    label: "Menu C",
+    disabled: true
+  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item C.1"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item C.2"
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
+    label: "Menu item C.3"
+  })))), /*#__PURE__*/React.createElement(InterpretationsAndDetailsToggler, {
+    isShowing: isSidebarShowing,
+    onClick: () => setIsSidebarShowing(current => !current)
+  }));
+}
+
+storiesOf('Toolbar', module).add('default', () => {
+  return /*#__PURE__*/React.createElement(ToolbarWithState, null);
+});

package/build/es/components/FileMenu/FileMenu.js

@@ -1,12 +1,11 @@
-import _JSXStyle from "styled-jsx/style";
-import { IconAdd24, IconLaunch24, IconSave24, IconEdit24, IconTranslate24, IconShare24, IconLink24, IconDelete24, SharingDialog, colors, FlyoutMenu, Layer, MenuItem, MenuDivider, Popper } from '@dhis2/ui';
+import { IconAdd24, IconLaunch24, IconSave24, IconEdit24, IconTranslate24, IconShare24, IconLink24, IconDelete24, SharingDialog, colors, MenuDivider } from '@dhis2/ui';
 import PropTypes from 'prop-types';
-import React, { createRef, useState } from 'react';
+import React, { useState } from 'react';
 import i18n from '../../locales/index.js';
 import { OpenFileDialog } from '../OpenFileDialog/OpenFileDialog.js';
+import { HoverMenuListItem, HoverMenuList, HoverMenuDropdown } from '../Toolbar/index.js';
 import { TranslationDialog } from '../TranslationDialog/index.js';
 import { DeleteDialog } from './DeleteDialog.js';
-import { fileMenuStyles } from './FileMenu.styles.js';
 import { GetLinkDialog } from './GetLinkDialog.js';
 import { RenameDialog } from './RenameDialog.js';
 import { SaveAsDialog } from './SaveAsDialog.js';
@@ -30,24 +29,14 @@ export const FileMenu = _ref => {
     onError,
     onTranslate
   } = _ref;
-  const [menuIsOpen, setMenuIsOpen] = useState(false);
-  const [currentDialog, setCurrentDialog] = useState(null); // Escape key press closes the menu
-
-  const onKeyDown = e => {
-    if ((e === null || e === void 0 ? void 0 : e.keyCode) === 27) {
-      setMenuIsOpen(false);
-    }
-  };
+  const [currentDialog, setCurrentDialog] = useState(null);
 
   const onMenuItemClick = dialogToOpen => () => {
-    setMenuIsOpen(false);
     setCurrentDialog(dialogToOpen);
   };
 
   const onDialogClose = () => setCurrentDialog(null);
 
-  const toggleMenu = () => setMenuIsOpen(!menuIsOpen);
-
   const onDeleteConfirm = () => {
     // The dialog must be closed before calling the callback
     // otherwise the fileObject is changed to null before the
@@ -57,8 +46,6 @@ export const FileMenu = _ref => {
     onDelete();
   };
 
-  const buttonRef = /*#__PURE__*/createRef();
-
   const renderDialog = () => {
     switch (currentDialog) {
       case 'rename':
@@ -120,19 +107,7 @@ export const FileMenu = _ref => {
 
   const iconActiveColor = colors.grey700;
   const iconInactiveColor = colors.grey500;
-  return /*#__PURE__*/React.createElement("div", {
-    onKeyDown: onKeyDown,
-    className: "jsx-".concat(fileMenuStyles.__hash)
-  }, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: fileMenuStyles.__hash
-  }, fileMenuStyles), /*#__PURE__*/React.createElement("div", {
-    ref: buttonRef,
-    className: "jsx-".concat(fileMenuStyles.__hash)
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: toggleMenu,
-    "data-test": "file-menu-toggle",
-    className: "jsx-".concat(fileMenuStyles.__hash) + " " + "menu-toggle"
-  }, i18n.t('File'))), /*#__PURE__*/React.createElement(OpenFileDialog, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OpenFileDialog, {
     open: currentDialog === 'open',
     type: fileType,
     filterVisTypes: filterVisTypes,
@@ -144,45 +119,33 @@ export const FileMenu = _ref => {
     },
     onNew: onNew,
     currentUser: currentUser
-  }), menuIsOpen && /*#__PURE__*/React.createElement(Layer, {
-    onBackdropClick: toggleMenu,
-    position: "fixed",
-    level: 2000,
-    dataTest: "file-menu-toggle-layer"
-  }, /*#__PURE__*/React.createElement(Popper, {
-    reference: buttonRef,
-    placement: "bottom-start"
-  }, /*#__PURE__*/React.createElement(FlyoutMenu, {
+  }), /*#__PURE__*/React.createElement(HoverMenuDropdown, {
+    label: i18n.t('File')
+  }, /*#__PURE__*/React.createElement(HoverMenuList, {
     dataTest: "file-menu-container"
-  }, /*#__PURE__*/React.createElement(MenuItem, {
+  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('New'),
     icon: /*#__PURE__*/React.createElement(IconAdd24, {
       color: iconActiveColor
     }),
-    onClick: () => {
-      toggleMenu();
-      onNew();
-    },
+    onClick: onNew,
     dataTest: "file-menu-new"
-  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('Open…'),
     icon: /*#__PURE__*/React.createElement(IconLaunch24, {
       color: iconActiveColor
     }),
     onClick: onMenuItemClick('open'),
     dataTest: "file-menu-open"
-  }), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: fileObject !== null && fileObject !== void 0 && fileObject.id ? i18n.t('Save') : i18n.t('Save…'),
     icon: /*#__PURE__*/React.createElement(IconSave24, {
       color: !onSave || !(!(fileObject !== null && fileObject !== void 0 && fileObject.id) || fileObject !== null && fileObject !== void 0 && (_fileObject$access = fileObject.access) !== null && _fileObject$access !== void 0 && _fileObject$access.update) ? iconInactiveColor : iconActiveColor
     }),
     disabled: !onSave || !(!(fileObject !== null && fileObject !== void 0 && fileObject.id) || fileObject !== null && fileObject !== void 0 && (_fileObject$access2 = fileObject.access) !== null && _fileObject$access2 !== void 0 && _fileObject$access2.update),
-    onClick: fileObject !== null && fileObject !== void 0 && fileObject.id ? () => {
-      toggleMenu();
-      onSave();
-    } : onMenuItemClick('saveas'),
+    onClick: fileObject !== null && fileObject !== void 0 && fileObject.id ? onSave : onMenuItemClick('saveas'),
     dataTest: "file-menu-save"
-  }), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('Save as…'),
     icon: /*#__PURE__*/React.createElement(IconSave24, {
       color: !(onSaveAs && fileObject !== null && fileObject !== void 0 && fileObject.id) ? iconInactiveColor : iconActiveColor
@@ -190,7 +153,7 @@ export const FileMenu = _ref => {
     disabled: !(onSaveAs && fileObject !== null && fileObject !== void 0 && fileObject.id),
     onClick: onMenuItemClick('saveas'),
     dataTest: "file-menu-saveas"
-  }), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('Rename…'),
     icon: /*#__PURE__*/React.createElement(IconEdit24, {
       color: fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access3 = fileObject.access) !== null && _fileObject$access3 !== void 0 && _fileObject$access3.update ? iconActiveColor : iconInactiveColor
@@ -198,7 +161,7 @@ export const FileMenu = _ref => {
     disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access4 = fileObject.access) !== null && _fileObject$access4 !== void 0 && _fileObject$access4.update),
     onClick: onMenuItemClick('rename'),
     dataTest: "file-menu-rename"
-  }), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('Translate…'),
     icon: /*#__PURE__*/React.createElement(IconTranslate24, {
       color: fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access5 = fileObject.access) !== null && _fileObject$access5 !== void 0 && _fileObject$access5.update ? iconActiveColor : iconInactiveColor
@@ -206,7 +169,7 @@ export const FileMenu = _ref => {
     disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access6 = fileObject.access) !== null && _fileObject$access6 !== void 0 && _fileObject$access6.update),
     onClick: onMenuItemClick('translate'),
     dataTest: "file-menu-translate"
-  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('Share…'),
     icon: /*#__PURE__*/React.createElement(IconShare24, {
       color: fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access7 = fileObject.access) !== null && _fileObject$access7 !== void 0 && _fileObject$access7.manage ? iconActiveColor : iconInactiveColor
@@ -214,7 +177,7 @@ export const FileMenu = _ref => {
     disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access8 = fileObject.access) !== null && _fileObject$access8 !== void 0 && _fileObject$access8.manage),
     onClick: onMenuItemClick('sharing'),
     dataTest: "file-menu-sharing"
-  }), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('Get link…'),
     icon: /*#__PURE__*/React.createElement(IconLink24, {
       color: fileObject !== null && fileObject !== void 0 && fileObject.id ? iconActiveColor : iconInactiveColor
@@ -222,7 +185,7 @@ export const FileMenu = _ref => {
     disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id),
     onClick: onMenuItemClick('getlink'),
     dataTest: "file-menu-getlink"
-  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(MenuItem, {
+  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(HoverMenuListItem, {
     label: i18n.t('Delete'),
     destructive: true,
     icon: /*#__PURE__*/React.createElement(IconDelete24, {
@@ -231,7 +194,7 @@ export const FileMenu = _ref => {
     disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access10 = fileObject.access) !== null && _fileObject$access10 !== void 0 && _fileObject$access10.delete),
     onClick: onMenuItemClick('delete'),
     dataTest: "file-menu-delete"
-  })))), renderDialog());
+  }))), renderDialog());
 };
 FileMenu.defaultProps = {
   onDelete: Function.prototype,