cozy-ui 129.0.0 → 130.0.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [130.0.0](https://github.com/cozy/cozy-ui/compare/v129.0.0...v130.0.0) (2025-09-18)
+
+
+### Features
+
+* **VirtualizedTable:** defaultOrder become an object to change the sorted direction ([11edbe7](https://github.com/cozy/cozy-ui/commit/11edbe7))
+
+
+### BREAKING CHANGES
+
+* **VirtualizedTable:** - VirtualizedTable: When using `cozy-ui/transpiled/react/table/virtualized`, you need to pass `defaultOrder` as an object `{by: 'columnName', direction: 'asc'}` and not a string anymore `defaultOrder='columnName'`
+
 # [129.0.0](https://github.com/cozy/cozy-ui/compare/v128.10.1...v129.0.0) (2025-09-17)
 
 

package/package.json

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

package/react/Table/Readme.md

@@ -121,7 +121,7 @@ const ExampleTable = ({ variant, ...props }) => {
       <Typography className="u-mt-1" variant="h4">Sorted table</Typography>
       <div className="u-mt-half" style={{ border: "1px solid var(--borderMainColor)", height: 400, width: "100%" }}>
         <SelectionProvider>
-          <ExampleTable variant={variant} defaultOrder={columns[0].id} />
+          <ExampleTable variant={variant} defaultOrder={{by: columns[0].id, direction: 'asc'}} />
         </SelectionProvider>
       </div>
     </>

package/react/Table/Virtualized/index.jsx

@@ -28,8 +28,10 @@ const VirtualizedTable = forwardRef(
     },
     ref
   ) => {
-    const [orderDirection, setOrderDirection] = useState('asc')
-    const [orderBy, setOrderBy] = useState(defaultOrder)
+    const [orderDirection, setOrderDirection] = useState(
+      defaultOrder?.direction ?? 'asc'
+    )
+    const [orderBy, setOrderBy] = useState(defaultOrder?.by ?? undefined)
 
     const sortedData = orderBy
       ? stableSort(rows, getComparator(orderDirection, orderBy))
@@ -117,10 +119,27 @@ VirtualizedTable.defaultProps = {
 }
 
 VirtualizedTable.propTypes = {
-  /** Column ID to be used for initiating the sort */
-  defaultOrder: PropTypes.string,
+  /** Rows to display in the table */
+  rows: PropTypes.array,
+  /** Column configuration */
+  columns: PropTypes.array,
   /** Returned object is: PropTypes.shape({ groupLabels: PropTypes.array, groupCounts: PropTypes.array }) */
   groups: PropTypes.func,
+  /** Default sorting configuration */
+  defaultOrder: PropTypes.shape({
+    direction: PropTypes.oneOf(['asc', 'desc']),
+    by: PropTypes.string
+  }),
+  /** Sort files by type to put directory and trash before files */
+  secondarySort: PropTypes.func,
+  /** Array of selected items */
+  selectedItems: PropTypes.array,
+  /** Callback function when a row is selected */
+  onSelect: PropTypes.func,
+  /** Callback function when all rows are selected/deselected */
+  onSelectAll: PropTypes.func,
+  /** Function to determine if a row is selected */
+  isSelectedItem: PropTypes.func,
   /** Callback called after the sort */
   onSortChange: PropTypes.func
 }

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

@@ -17,6 +17,8 @@ import { stableSort, getComparator } from "cozy-ui/transpiled/react/Table/Virtua
 import virtuosoComponents from "cozy-ui/transpiled/react/Table/Virtualized/virtuosoComponents";
 import TableCell from "cozy-ui/transpiled/react/TableCell";
 var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _defaultOrder$directi, _defaultOrder$by;
+
   var rows = _ref.rows,
       columns = _ref.columns,
       groups = _ref.groups,
@@ -32,12 +34,12 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onSortChange = _ref.onSortChange,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = useState('asc'),
+  var _useState = useState((_defaultOrder$directi = defaultOrder === null || defaultOrder === void 0 ? void 0 : defaultOrder.direction) !== null && _defaultOrder$directi !== void 0 ? _defaultOrder$directi : 'asc'),
       _useState2 = _slicedToArray(_useState, 2),
       orderDirection = _useState2[0],
       setOrderDirection = _useState2[1];
 
-  var _useState3 = useState(defaultOrder),
+  var _useState3 = useState((_defaultOrder$by = defaultOrder === null || defaultOrder === void 0 ? void 0 : defaultOrder.by) !== null && _defaultOrder$by !== void 0 ? _defaultOrder$by : undefined),
       _useState4 = _slicedToArray(_useState3, 2),
       orderBy = _useState4[0],
       setOrderBy = _useState4[1];
@@ -129,12 +131,36 @@ VirtualizedTable.defaultProps = {
   onSelectAll: function onSelectAll() {}
 };
 VirtualizedTable.propTypes = {
-  /** Column ID to be used for initiating the sort */
-  defaultOrder: PropTypes.string,
+  /** Rows to display in the table */
+  rows: PropTypes.array,
+
+  /** Column configuration */
+  columns: PropTypes.array,
 
   /** Returned object is: PropTypes.shape({ groupLabels: PropTypes.array, groupCounts: PropTypes.array }) */
   groups: PropTypes.func,
 
+  /** Default sorting configuration */
+  defaultOrder: PropTypes.shape({
+    direction: PropTypes.oneOf(['asc', 'desc']),
+    by: PropTypes.string
+  }),
+
+  /** Sort files by type to put directory and trash before files */
+  secondarySort: PropTypes.func,
+
+  /** Array of selected items */
+  selectedItems: PropTypes.array,
+
+  /** Callback function when a row is selected */
+  onSelect: PropTypes.func,
+
+  /** Callback function when all rows are selected/deselected */
+  onSelectAll: PropTypes.func,
+
+  /** Function to determine if a row is selected */
+  isSelectedItem: PropTypes.func,
+
   /** Callback called after the sort */
   onSortChange: PropTypes.func
 };