cozy-ui 127.15.0 → 127.17.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [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)
+
+
+### Features
+
+* Update FileImageLoader to be used in shared drive :sparkles: ([cb4db8f](https://github.com/cozy/cozy-ui/commit/cb4db8f))
+
 # [127.15.0](https://github.com/cozy/cozy-ui/compare/v127.14.0...v127.15.0) (2025-08-25)
 
 

package/package.json

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

package/react/ActionsMenu/Actions/download.js

@@ -36,7 +36,13 @@ export const download = ({ encryptedUrl }) => {
     icon,
     label,
     Component: makeComponent(label, icon),
-    action: (docs, { client, webviewIntent }) =>
-      downloadFile({ client, file: docs[0], url: encryptedUrl, webviewIntent })
+    action: (docs, { client, webviewIntent, driveId }) =>
+      downloadFile({
+        client,
+        file: docs[0],
+        url: encryptedUrl,
+        webviewIntent,
+        driveId
+      })
   }
 }

package/react/FileImageLoader/index.jsx

@@ -142,7 +142,7 @@ export class FileImageLoader extends Component {
         throw new Error('No pdf files fallback')
       }
       const src = await client
-        .collection('io.cozy.files')
+        .collection('io.cozy.files', { driveId: file.driveId })
         .getDownloadLinkById(this.getFileId(file), file.name)
       await checkImageSource(src)
       if (this._mounted) {

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/ActionsMenu/Actions/download.d.ts

@@ -5,9 +5,10 @@ export function download({ encryptedUrl }: {
     icon: typeof DownloadIcon;
     label: any;
     Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-    action: (docs: any, { client, webviewIntent }: {
+    action: (docs: any, { client, webviewIntent, driveId }: {
         client: any;
         webviewIntent: any;
+        driveId: any;
     }) => any;
 };
 import DownloadIcon from "../../Icons/Download";

package/transpiled/react/ActionsMenu/Actions/download.js

@@ -37,12 +37,14 @@ export var download = function download(_ref) {
     Component: makeComponent(label, icon),
     action: function action(docs, _ref2) {
       var client = _ref2.client,
-          webviewIntent = _ref2.webviewIntent;
+          webviewIntent = _ref2.webviewIntent,
+          driveId = _ref2.driveId;
       return downloadFile({
         client: client,
         file: docs[0],
         url: encryptedUrl,
-        webviewIntent: webviewIntent
+        webviewIntent: webviewIntent,
+        driveId: driveId
       });
     }
   };

package/transpiled/react/FileImageLoader/index.js

@@ -294,7 +294,9 @@ export var FileImageLoader = /*#__PURE__*/function (_Component) {
 
               case 5:
                 _context4.next = 7;
-                return client.collection('io.cozy.files').getDownloadLinkById(this.getFileId(file), file.name);
+                return client.collection('io.cozy.files', {
+                  driveId: file.driveId
+                }).getDownloadLinkById(this.getFileId(file), file.name);
 
               case 7:
                 src = _context4.sent;

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