cozy-ui 127.16.0 → 128.0.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [128.0.0](https://github.com/cozy/cozy-ui/compare/v127.17.0...v128.0.0) (2025-09-02)
+
+
+### Features
+
+* upgrade cozy-client ([6dc714d](https://github.com/cozy/cozy-ui/commit/6dc714d))
+
+
+### BREAKING CHANGES
+
+* You must have `cozy-client >=60.5.0`
+
+# [127.17.0](https://github.com/cozy/cozy-ui/compare/v127.16.0...v127.17.0) (2025-08-28)
+
+
+### Features
+
+* Implement range selection in list view and grid view :sparkles: ([a9274f2](https://github.com/cozy/cozy-ui/commit/a9274f2))
+
 # [127.16.0](https://github.com/cozy/cozy-ui/compare/v127.15.0...v127.16.0) (2025-08-26)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "127.16.0",
+  "version": "128.0.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -50,6 +50,7 @@
     "test": "jest",
     "screenshots:server": "nodemon ./scripts/pixelmatch-server/server.js -e js,hbs",
     "postbuild": "postcss transpiled/react/stylesheet.css --replace",
+    "postinstall": "patch-package",
     "travis-deploy-once": "travis-deploy-once",
     "start:css:utils": "yarn build:css:utils --watch",
     "start:css": "yarn build:css --watch",
@@ -93,12 +94,12 @@
     "browserslist-config-cozy": "0.4.0",
     "bundlemon": "3.1.0",
     "copyfiles": "2.4.1",
-    "cozy-client": "^52.1.0",
+    "cozy-client": "^60.5.0",
     "cozy-device-helper": "2.0.0",
     "cozy-flags": "^2.10.1",
     "cozy-intent": "^2.29.1",
     "cozy-logger": "^1.9.0",
-    "cozy-stack-client": "^52.0.0",
+    "cozy-stack-client": "^60.1.0",
     "css-loader": "0.28.11",
     "cssnano": "4.1.11",
     "cssnano-preset-advanced": "4.0.8",
@@ -127,6 +128,7 @@
     "mini-css-extract-plugin": "0.6.0",
     "nodemon": "1.19.4",
     "npm-run-all": "4.1.5",
+    "patch-package": "^8.0.0",
     "postcss-cli": "6.1.3",
     "postcss-loader": "2.1.6",
     "prettier": "2.6.0",
@@ -186,7 +188,7 @@
     "rooks": "7.14.1"
   },
   "peerDependencies": {
-    "cozy-client": ">=52.1.0",
+    "cozy-client": ">=60.5.0",
     "cozy-device-helper": ">=2.0.0",
     "cozy-flags": ">=2.10.1",
     "cozy-intent": ">=2.29.1",

package/patches/@fastify+deepmerge+2.0.2.patch

@@ -0,0 +1,27 @@
+diff --git a/node_modules/@fastify/deepmerge/index.js b/node_modules/@fastify/deepmerge/index.js
+index e3ba232..e733358 100644
+--- a/node_modules/@fastify/deepmerge/index.js
++++ b/node_modules/@fastify/deepmerge/index.js
+@@ -65,11 +65,11 @@ function deepmergeConstructor (options) {
+     return result
+   }
+
+-  const getKeys = options?.symbols
++  const getKeys = (options && options.symbols)
+     ? getSymbolsAndKeys
+     : Object.keys
+
+-  const cloneProtoObject = typeof options?.cloneProtoObject === 'function'
++  const cloneProtoObject = (options && typeof options.cloneProtoObject === 'function')
+     ? options.cloneProtoObject
+     : undefined
+
+@@ -161,7 +161,7 @@ function deepmergeConstructor (options) {
+     return result
+   }
+
+-  return options?.all
++  return (options && options.all)
+     ? _deepmergeAll
+     : _deepmerge
+ }

package/react/Table/Readme.md

@@ -103,7 +103,13 @@ const initialVariants = [{ grouped: false }]
 
 const makeGroups = () => ({ groupLabels: ['C', 'D', 'Others'], groupCounts: [1,1,12] })
 
-;
+/**
+ * @param order
+ * @param orderBy
+ */
+const onSortChange = ({ order, orderBy }) => {
+  setState({ order, orderBy })
+}
 
 <Variants initialVariants={initialVariants} screenshotAllVariants>
   {variant => (
@@ -117,6 +123,7 @@ const makeGroups = () => ({ groupLabels: ['C', 'D', 'Others'], groupCounts: [1,1
         isSelectedItem={row => isSelectedItem(row)}
         onSelect={onSelect}
         onSelectAll={onSelectAll}
+        onSortChange={onSortChange}
         componentsProps={{
           rowContent: {
             onClick: (row, column) => { console.info(`click on cell. Row ${row['id']}, Column ${column['id']}`) },

package/react/Table/Virtualized/RowContent.jsx

@@ -30,7 +30,7 @@ const RowContent = ({
             'aria-labelledby': `enhanced-table-checkbox-${index}`
           }}
           size="small"
-          onChange={() => onSelectClick(row)}
+          onClick={event => onSelectClick(event, row, index)}
         />
       </TableCell>
       {columns.map(column => (

package/react/Table/Virtualized/index.jsx

@@ -23,6 +23,7 @@ const VirtualizedTable = forwardRef(
       componentsProps,
       context,
       components,
+      onSortChange,
       ...props
     },
     ref
@@ -43,8 +44,10 @@ const VirtualizedTable = forwardRef(
 
     const handleSort = property => {
       const isAsc = orderBy === property && order === 'asc'
-      setOrder(isAsc ? 'desc' : 'asc')
+      const newOrder = isAsc ? 'desc' : 'asc'
+      setOrder(newOrder)
       setOrderBy(property)
+      onSortChange({ order: newOrder, orderBy: property })
     }
 
     const handleSelectAll = event => {

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

@@ -27,8 +27,8 @@ var RowContent = function RowContent(_ref) {
       'aria-labelledby': "enhanced-table-checkbox-".concat(index)
     },
     size: "small",
-    onChange: function onChange() {
-      return onSelectClick(row);
+    onClick: function onClick(event) {
+      return onSelectClick(event, row, index);
     }
   })), columns.map(function (column) {
     return /*#__PURE__*/React.createElement(Cell, {

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"];
+var _excluded = ["rows", "columns", "groups", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "context", "components", "onSortChange"];
 
 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; }
 
@@ -29,6 +29,7 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       componentsProps = _ref.componentsProps,
       context = _ref.context,
       components = _ref.components,
+      onSortChange = _ref.onSortChange,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState('asc'),
@@ -60,8 +61,13 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var handleSort = function handleSort(property) {
     var isAsc = orderBy === property && order === 'asc';
-    setOrder(isAsc ? 'desc' : 'asc');
+    var newOrder = isAsc ? 'desc' : 'asc';
+    setOrder(newOrder);
     setOrderBy(property);
+    onSortChange({
+      order: newOrder,
+      orderBy: property
+    });
   };
 
   var handleSelectAll = function handleSelectAll(event) {