cozy-ui-plus 4.4.0 → 4.5.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.5.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@4.4.1...cozy-ui-plus@4.5.0) (2026-02-02)
+
+### Features
+
+- **cozy-ui-plus:** Add `disable` prop on ContactCell ([2249927](https://github.com/cozy/cozy-libs/commit/22499270ab1b110cb4e01cf83297fd69d33f5d3b))
+
+## [4.4.1](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@4.4.0...cozy-ui-plus@4.4.1) (2026-01-29)
+
+**Note:** Version bump only for package cozy-ui-plus
+
 # [4.4.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@4.3.0...cozy-ui-plus@4.4.0) (2026-01-15)
 
 ### Features

package/dist/ContactsList/ContactCell.js

@@ -17,11 +17,13 @@ var Cell = function Cell(_ref) {
   var row = _ref.row,
       column = _ref.column,
       cell = _ref.cell,
-      actions = _ref.actions;
+      actions = _ref.actions,
+      disable = _ref.disable;
 
   if (column.id === 'fullname') {
     return /*#__PURE__*/_react.default.createElement(_ContactIdentity.default, {
       contact: row,
+      disable: disable,
       noWrapper: true
     });
   }

package/dist/ContactsList/Contacts/ContactIdentity.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -50,18 +52,24 @@ var MyselfMarker = function MyselfMarker() {
 };
 
 var ContactIdentity = function ContactIdentity(_ref) {
-  var contact = _ref.contact;
+  var contact = _ref.contact,
+      disable = _ref.disable;
   var isMyself = !!contact.me;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    className: (0, _classnames.default)({
+      'u-o-60': disable
+    }),
     display: "inline",
     size: "s"
   }, (0, _contact.getInitials)(contact)), /*#__PURE__*/_react.default.createElement(_ContactName.default, {
-    contact: contact
+    contact: contact,
+    disable: disable
   }), isMyself && /*#__PURE__*/_react.default.createElement(MyselfMarker, null));
 };
 
 ContactIdentity.propTypes = {
-  contact: _propTypes.default.object.isRequired
+  contact: _propTypes.default.object.isRequired,
+  disable: _propTypes.default.bool
 };
 
 var ContactIdentityWrapper = function ContactIdentityWrapper(_ref2) {

package/dist/ContactsList/Contacts/ContactName.js

@@ -20,7 +20,8 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 var ContactName = function ContactName(_ref) {
   var _contact$name;
 
-  var contact = _ref.contact;
+  var contact = _ref.contact,
+      disable = _ref.disable;
   var familyName = (_contact$name = contact.name) === null || _contact$name === void 0 ? void 0 : _contact$name.familyName;
   var displayName = (0, _contact.getDisplayName)(contact);
   var namesToDisplay = displayName === null || displayName === void 0 ? void 0 : displayName.split(' ');
@@ -29,7 +30,8 @@ var ContactName = function ContactName(_ref) {
     ,
     className: "u-ml-1",
     noWrap: true,
-    display: "inline"
+    display: "inline",
+    color: disable ? 'textSecondary' : 'textPrimary'
   }, namesToDisplay === null || namesToDisplay === void 0 ? void 0 : namesToDisplay.map(function (name, index) {
     var isLastItem = index === namesToDisplay.length - 1;
     return /*#__PURE__*/_react.default.createElement("span", {
@@ -42,7 +44,8 @@ var ContactName = function ContactName(_ref) {
 };
 
 ContactName.propTypes = {
-  contact: _propTypes.default.object.isRequired
+  contact: _propTypes.default.object.isRequired,
+  disable: _propTypes.default.bool
 };
 var _default = ContactName;
 exports.default = _default;

package/dist/src/ContactsList/ContactCell.d.ts

@@ -1,8 +1,9 @@
-declare const _default: React.MemoExoticComponent<({ row, column, cell, actions }: {
+declare const _default: React.MemoExoticComponent<({ row, column, cell, actions, disable }: {
     row: any;
     column: any;
     cell: any;
     actions: any;
+    disable: any;
 }) => any>;
 export default _default;
 import React from 'react';

package/dist/src/ContactsList/Contacts/ContactName.d.ts

@@ -1,10 +1,12 @@
 export default ContactName;
-declare function ContactName({ contact }: {
+declare function ContactName({ contact, disable }: {
     contact: any;
+    disable: any;
 }): JSX.Element;
 declare namespace ContactName {
     namespace propTypes {
         let contact: PropTypes.Validator<object>;
+        let disable: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from 'prop-types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui-plus",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "Cozy-ui-plus is an extension of cozy-ui and provides components based on cozy-client",
   "main": "dist/index.js",
   "license": "MIT",
@@ -31,10 +31,10 @@
     "@typescript-eslint/eslint-plugin": "5.54.0",
     "@typescript-eslint/parser": "5.54.0",
     "babel-plugin-inline-json-import": "0.3.2",
-    "babel-preset-cozy-app": "^2.8.2",
+    "babel-preset-cozy-app": "^2.8.3",
     "cozy-client": "^60.5.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-intent": "^2.30.1",
+    "cozy-intent": "^2.30.2",
     "cozy-logger": "^1.17.0",
     "cozy-stack-client": "^60.1.0",
     "cozy-ui": "^135.0.0",
@@ -49,7 +49,7 @@
     "react-dom": "16.12.0",
     "react-test-renderer": "16.12.0",
     "stylus": "0.64.0",
-    "twake-i18n": "^0.3.0",
+    "twake-i18n": "^0.3.1",
     "typescript": "5.5.2"
   },
   "dependencies": {
@@ -74,5 +74,5 @@
     "react-dom": "^16 || ^17 || ^18",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "053df29f6dfe606ecadd3f6668f0461bb1bd6021"
+  "gitHead": "61e7d0678b71327a91c8b527edda7e06994ab43d"
 }

package/src/ContactsList/ContactCell.jsx

@@ -4,9 +4,9 @@ import ActionsMenuButton from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuB
 
 import ContactIdentity from './Contacts/ContactIdentity'
 
-const Cell = ({ row, column, cell, actions }) => {
+const Cell = ({ row, column, cell, actions, disable }) => {
   if (column.id === 'fullname') {
-    return <ContactIdentity contact={row} noWrapper />
+    return <ContactIdentity contact={row} disable={disable} noWrapper />
   }
 
   if (column.id === 'actions') {

package/src/ContactsList/Contacts/ContactIdentity.jsx

@@ -1,3 +1,4 @@
+import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
 import { useI18n, useExtendI18n } from 'twake-i18n'
@@ -17,22 +18,23 @@ const MyselfMarker = () => {
   return <span className={`${styles['contact-myself']}`}>({t('me')})</span>
 }
 
-const ContactIdentity = ({ contact }) => {
+const ContactIdentity = ({ contact, disable }) => {
   const isMyself = !!contact.me
 
   return (
     <>
-      <Avatar display="inline" size="s">
+      <Avatar className={cx({ 'u-o-60': disable })} display="inline" size="s">
         {getInitials(contact)}
       </Avatar>
-      <ContactName contact={contact} />
+      <ContactName contact={contact} disable={disable} />
       {isMyself && <MyselfMarker />}
     </>
   )
 }
 
 ContactIdentity.propTypes = {
-  contact: PropTypes.object.isRequired
+  contact: PropTypes.object.isRequired,
+  disable: PropTypes.bool
 }
 
 const ContactIdentityWrapper = ({ noWrapper, ...props }) => {

package/src/ContactsList/Contacts/ContactName.jsx

@@ -5,7 +5,7 @@ import React from 'react'
 import { getDisplayName } from 'cozy-client/dist/models/contact'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 
-const ContactName = ({ contact }) => {
+const ContactName = ({ contact, disable }) => {
   const familyName = contact.name?.familyName
   const displayName = getDisplayName(contact)
   const namesToDisplay = displayName?.split(' ')
@@ -16,6 +16,7 @@ const ContactName = ({ contact }) => {
       className="u-ml-1"
       noWrap
       display="inline"
+      color={disable ? 'textSecondary' : 'textPrimary'}
     >
       {namesToDisplay?.map((name, index) => {
         const isLastItem = index === namesToDisplay.length - 1
@@ -37,7 +38,8 @@ const ContactName = ({ contact }) => {
 }
 
 ContactName.propTypes = {
-  contact: PropTypes.object.isRequired
+  contact: PropTypes.object.isRequired,
+  disable: PropTypes.bool
 }
 
 export default ContactName