cozy-ui 90.6.0 → 90.7.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [90.7.1](https://github.com/cozy/cozy-ui/compare/v90.7.0...v90.7.1) (2023-08-16)
+
+
+### Bug Fixes
+
+* **ContactsList:** Avatar is no longer above list subheader ([a3310d3](https://github.com/cozy/cozy-ui/commit/a3310d3))
+
+# [90.7.0](https://github.com/cozy/cozy-ui/compare/v90.6.0...v90.7.0) (2023-08-09)
+
+
+### Features
+
+* **ListItemFile:** Use Filename to show the primary text ([38c2bd2](https://github.com/cozy/cozy-ui/commit/38c2bd2))
+
 # [90.6.0](https://github.com/cozy/cozy-ui/compare/v90.5.0...v90.6.0) (2023-08-08)
 
 

package/package.json

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

package/react/ContactsList/Contacts/ContactIdentity.jsx

@@ -25,7 +25,11 @@ const ContactIdentity = ({ contact }) => {
         styles['contact-identity']
       } u-flex u-flex-items-center u-ellipsis`}
     >
-      <Avatar text={getInitials(contact)} size="small" />
+      <Avatar
+        style={{ zIndex: 'auto' }}
+        text={getInitials(contact)}
+        size="small"
+      />
       <ContactName displayName={displayName} familyName={name.familyName} />
       {isMyself && <MyselfMarker />}
     </TableCell>

package/react/ContactsList/__snapshots__/ContactRow.spec.js.snap

@@ -19,6 +19,7 @@ exports[`ContactRow should match the contact snapshot 1`] = `
         Object {
           "--circleSize": "32px",
           "backgroundColor": "#FFC644",
+          "zIndex": "auto",
         }
       }
     >

package/react/ListItem/ListItemFile/PrimaryText.jsx

@@ -1,19 +1,34 @@
+import React from 'react'
 import PropTypes from 'prop-types'
 
-import { useI18n } from '../../I18n'
+import { splitFilename } from 'cozy-client/dist/models/file'
 
-import withListItemLocales from '../hoc/withListItemLocales'
+import Filename from '../../Filename'
+import useBreakpoints from '../../hooks/useBreakpoints'
 
 const PrimaryText = ({ primary, file }) => {
-  const { t } = useI18n()
+  const { isMobile } = useBreakpoints()
 
   if (primary) return primary
 
-  const pageQualification = file?.metadata?.qualification?.page
-
-  return pageQualification === 'front' || pageQualification === 'back'
-    ? t(`ListItem.file.page.${pageQualification}`)
-    : file.name
+  return (
+    <Filename
+      variant="body1"
+      midEllipsis={isMobile}
+      filename={
+        splitFilename({
+          name: file.name,
+          type: 'file'
+        }).filename
+      }
+      extension={
+        splitFilename({
+          name: file.name,
+          type: 'file'
+        }).extension
+      }
+    />
+  )
 }
 
 PrimaryText.propTypes = {
@@ -21,4 +36,4 @@ PrimaryText.propTypes = {
   file: PropTypes.object
 }
 
-export default withListItemLocales(PrimaryText)
+export default PrimaryText