cozy-ui 127.16.0 → 127.17.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [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": "127.17.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

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) {