cozy-ui 130.4.0 → 130.5.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [130.5.0](https://github.com/cozy/cozy-ui/compare/v130.4.0...v130.5.0) (2025-10-01)
+
+
+### Features
+
+* **TableRow, VirtualizedTable:** add isNewItem prop to track new items and highlight them ([d60d485](https://github.com/cozy/cozy-ui/commit/d60d485))
+
 # [130.4.0](https://github.com/cozy/cozy-ui/compare/v130.3.1...v130.4.0) (2025-10-01)
 
 

package/package.json

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

package/react/Table/Virtualized/Dnd/TableRow.jsx

@@ -1,4 +1,6 @@
 import React, { useEffect } from 'react'
+import cx from 'classnames'
+
 import { useDrag, useDrop } from 'react-dnd'
 import { getEmptyImage } from 'react-dnd-html5-backend'
 
@@ -20,6 +22,7 @@ const TableRow = ({ item, context, componentsProps, ...props }) => {
   const isSelected = context?.isSelectedItem(item)
   const isDisabled =
     itemsInDropProcess.includes(item._id) || componentsProps?.tableRow?.disabled
+  const isNew = context?.isNewItem?.(item)
 
   const [dragCollect, dragRef, dragRefPreview] = useDrag(
     () => ({
@@ -85,7 +88,10 @@ const TableRow = ({ item, context, componentsProps, ...props }) => {
       {...props}
       ref={node => dragRef(dropRef(node))}
       selected={isSelected || dropCollect.isOver}
-      className={dragCollect.isDragging ? 'virtualized u-o-50' : 'virtualized'}
+      className={cx(
+        dragCollect.isDragging ? 'virtualized u-o-50' : 'virtualized',
+        isNew ? 'u-bg-primaryColorLight' : ''
+      )}
       disabled={isDisabled}
       hover
     />

package/react/Table/Virtualized/index.jsx

@@ -24,6 +24,7 @@ const VirtualizedTable = forwardRef(
       context,
       components,
       onSortChange,
+      isNewItem,
       ...props
     },
     ref
@@ -43,7 +44,8 @@ const VirtualizedTable = forwardRef(
       ...context,
       ...(isGroupedTable && { data }), // we use directly `data` prop if no groupCounts
       isSelectedItem,
-      selectedItems
+      selectedItems,
+      isNewItem
     }
 
     const handleSort = property => {
@@ -141,7 +143,9 @@ VirtualizedTable.propTypes = {
   /** Function to determine if a row is selected */
   isSelectedItem: PropTypes.func,
   /** Callback called after the sort */
-  onSortChange: PropTypes.func
+  onSortChange: PropTypes.func,
+  /** Function to determine if a row is new */
+  isNewItem: PropTypes.func
 }
 
 export default VirtualizedTable

package/transpiled/react/Table/Virtualized/Dnd/TableRow.js

@@ -5,12 +5,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["item", "context", "componentsProps"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from 'react';
+import cx from 'classnames';
 import { useDrag, useDrop } from 'react-dnd';
 import { getEmptyImage } from 'react-dnd-html5-backend';
 import TableRowClassic from "cozy-ui/transpiled/react/TableRow";
 
 var TableRow = function TableRow(_ref) {
-  var _componentsProps$tabl;
+  var _componentsProps$tabl, _context$isNewItem;
 
   var item = _ref.item,
       context = _ref.context,
@@ -27,6 +28,7 @@ var TableRow = function TableRow(_ref) {
       dragId = dragProps.dragId;
   var isSelected = context === null || context === void 0 ? void 0 : context.isSelectedItem(item);
   var isDisabled = itemsInDropProcess.includes(item._id) || (componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$tabl = componentsProps.tableRow) === null || _componentsProps$tabl === void 0 ? void 0 : _componentsProps$tabl.disabled);
+  var isNew = context === null || context === void 0 ? void 0 : (_context$isNewItem = context.isNewItem) === null || _context$isNewItem === void 0 ? void 0 : _context$isNewItem.call(context, item);
 
   var _useDrag = useDrag(function () {
     return {
@@ -126,7 +128,7 @@ var TableRow = function TableRow(_ref) {
       return dragRef(dropRef(node));
     },
     selected: isSelected || dropCollect.isOver,
-    className: dragCollect.isDragging ? 'virtualized u-o-50' : 'virtualized',
+    className: cx(dragCollect.isDragging ? 'virtualized u-o-50' : 'virtualized', isNew ? 'u-bg-primaryColorLight' : ''),
     disabled: isDisabled,
     hover: true
   }));

package/transpiled/react/Table/Virtualized/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["rows", "columns", "groups", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "context", "components", "onSortChange"];
+var _excluded = ["rows", "columns", "groups", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "context", "components", "onSortChange", "isNewItem"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -32,6 +32,7 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       context = _ref.context,
       components = _ref.components,
       onSortChange = _ref.onSortChange,
+      isNewItem = _ref.isNewItem,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState((_defaultOrder$directi = defaultOrder === null || defaultOrder === void 0 ? void 0 : defaultOrder.direction) !== null && _defaultOrder$directi !== void 0 ? _defaultOrder$directi : 'asc'),
@@ -58,7 +59,8 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }), {}, {
     // we use directly `data` prop if no groupCounts
     isSelectedItem: isSelectedItem,
-    selectedItems: selectedItems
+    selectedItems: selectedItems,
+    isNewItem: isNewItem
   });
 
   var handleSort = function handleSort(property) {
@@ -162,6 +164,9 @@ VirtualizedTable.propTypes = {
   isSelectedItem: PropTypes.func,
 
   /** Callback called after the sort */
-  onSortChange: PropTypes.func
+  onSortChange: PropTypes.func,
+
+  /** Function to determine if a row is new */
+  isNewItem: PropTypes.func
 };
 export default VirtualizedTable;