cozy-ui 126.1.0 → 126.2.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [126.2.0](https://github.com/cozy/cozy-ui/compare/v126.1.0...v126.2.0) (2025-06-16)
+
+
+### Bug Fixes
+
+* **Table:** Remove warning when using `ref` ([d81f9cb](https://github.com/cozy/cozy-ui/commit/d81f9cb))
+
+
+### Features
+
+* **ActionMenu:** Using `ref` is now optional ([e9f951f](https://github.com/cozy/cozy-ui/commit/e9f951f))
+
 # [126.1.0](https://github.com/cozy/cozy-ui/compare/v126.0.0...v126.1.0) (2025-06-13)
 
 

package/package.json

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

package/react/ActionsMenu/index.jsx

@@ -29,7 +29,7 @@ const ActionsMenu = forwardRef(
     return (
       <ActionsMenuWrapper
         {...props}
-        anchorEl={ref.current}
+        anchorEl={ref?.current}
         getContentAnchorEl={null}
         anchorOrigin={anchorOrigin}
         transformOrigin={transformOrigin}

package/react/deprecated/Table/index.jsx

@@ -4,66 +4,58 @@ import React from 'react'
 
 import styles from './styles.styl'
 
-export const Table = React.forwardRef((props, ref) => {
-  const { className, ...rest } = props
-
-  return <div className={cx(styles.Table, className)} {...rest} ref={ref} />
+export const Table = React.forwardRef(({ className, ...props }, ref) => {
+  return <div className={cx(styles.Table, className)} {...props} ref={ref} />
 })
 
-export const TableHead = React.forwardRef((props, ref) => {
-  const { className, ...rest } = props
-
-  return <div className={cx(styles.TableHead, className)} {...rest} ref={ref} />
+export const TableHead = React.forwardRef(({ className, ...props }, ref) => {
+  return (
+    <div className={cx(styles.TableHead, className)} {...props} ref={ref} />
+  )
 })
 
-export const TableBody = React.forwardRef((props, ref) => {
-  const { className, ...rest } = props
-
-  return <div className={cx(styles.TableBody, className)} {...rest} ref={ref} />
+export const TableBody = React.forwardRef(({ className, ...props }, ref) => {
+  return (
+    <div className={cx(styles.TableBody, className)} {...props} ref={ref} />
+  )
 })
 
-export const TableRow = React.forwardRef((props, ref) => {
-  const { className, ...rest } = props
-
-  return <div className={cx(styles.TableRow, className)} {...rest} ref={ref} />
+export const TableRow = React.forwardRef(({ className, ...props }, ref) => {
+  return <div className={cx(styles.TableRow, className)} {...props} ref={ref} />
 })
 
-export const TableCell = React.forwardRef((props, ref) => {
-  const { className, ...rest } = props
-
-  return <div className={cx(styles.TableCell, className)} {...rest} ref={ref} />
+export const TableCell = React.forwardRef(({ className, ...props }, ref) => {
+  return (
+    <div className={cx(styles.TableCell, className)} {...props} ref={ref} />
+  )
 })
 
-export const TableHeader = React.forwardRef((props, ref) => {
-  const { className, ...rest } = props
-
+export const TableHeader = React.forwardRef(({ className, ...props }, ref) => {
   return (
-    <div className={cx(styles.TableHeader, className)} {...rest} ref={ref} />
+    <div className={cx(styles.TableHeader, className)} {...props} ref={ref} />
   )
 })
 
 Table.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 }
+
 TableHead.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 }
+
 TableBody.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 }
 
 TableRow.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 }
+
 TableCell.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 }
+
 TableHeader.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 }

package/transpiled/react/ActionsMenu/index.js

@@ -27,7 +27,7 @@ var ActionsMenu = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 
   var transformOrigin = useTransformOrigin(anchorOrigin);
   return /*#__PURE__*/React.createElement(ActionsMenuWrapper, _extends({}, props, {
-    anchorEl: ref.current,
+    anchorEl: ref === null || ref === void 0 ? void 0 : ref.current,
     getContentAnchorEl: null,
     anchorOrigin: anchorOrigin,
     transformOrigin: transformOrigin,

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

@@ -17,87 +17,81 @@ var styles = {
   "TableCell": "styles__TableCell___3vgVE",
   "TableHeader": "styles__TableHeader___ERsVK"
 };
-export var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded);
+export var Table = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.Table, className)
-  }, rest, {
+  }, props, {
     ref: ref
   }));
 });
-export var TableHead = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded2);
+export var TableHead = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+      props = _objectWithoutProperties(_ref2, _excluded2);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.TableHead, className)
-  }, rest, {
+  }, props, {
     ref: ref
   }));
 });
-export var TableBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded3);
+export var TableBody = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var className = _ref3.className,
+      props = _objectWithoutProperties(_ref3, _excluded3);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.TableBody, className)
-  }, rest, {
+  }, props, {
     ref: ref
   }));
 });
-export var TableRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded4);
+export var TableRow = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
+  var className = _ref4.className,
+      props = _objectWithoutProperties(_ref4, _excluded4);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.TableRow, className)
-  }, rest, {
+  }, props, {
     ref: ref
   }));
 });
-export var TableCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded5);
+export var TableCell = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
+  var className = _ref5.className,
+      props = _objectWithoutProperties(_ref5, _excluded5);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.TableCell, className)
-  }, rest, {
+  }, props, {
     ref: ref
   }));
 });
-export var TableHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded6);
+export var TableHeader = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
+  var className = _ref6.className,
+      props = _objectWithoutProperties(_ref6, _excluded6);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.TableHeader, className)
-  }, rest, {
+  }, props, {
     ref: ref
   }));
 });
 Table.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 };
 TableHead.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 };
 TableBody.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 };
 TableRow.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 };
 TableCell.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 };
 TableHeader.propTypes = {
-  className: PropTypes.string,
-  ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  className: PropTypes.string
 };