cozy-ui 126.0.0 → 126.2.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [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)
+
+
+### Features
+
+* Add OnlyOffice icon ([fd8d3c0](https://github.com/cozy/cozy-ui/commit/fd8d3c0))
+
 # [126.0.0](https://github.com/cozy/cozy-ui/compare/v125.1.0...v126.0.0) (2025-06-11)
 
 

package/assets/icons/illus/only-office.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_6882_51948)" fill-rule="evenodd" clip-rule="evenodd"><path d="m7 15.172-6.58-3.02c-.56-.264-.56-.672 0-.912l2.291-1.055 4.265 1.966c.56.264 1.463.264 1.999 0l4.265-1.966 2.29 1.055c.561.264.561.671 0 .911l-6.58 3.021c-.511.24-1.413.24-1.95 0Z" fill="url(#paint0_linear_6882_51948)"/><path d="M7 11.456.42 8.436c-.56-.265-.56-.672 0-.912l2.243-1.03L7 8.483c.56.263 1.462.263 1.998 0l4.338-1.99 2.242 1.03c.561.264.561.671 0 .911L9 11.456c-.56.264-1.462.264-1.998 0Z" fill="url(#paint1_linear_6882_51948)"/><path d="M7 7.836.42 4.815c-.56-.264-.56-.672 0-.911L7 .883c.561-.264 1.463-.264 2 0l6.58 3.02c.56.264.56.672 0 .912L9 7.835c-.561.24-1.463.24-2 0Z" fill="url(#paint2_linear_6882_51948)"/></g><defs><linearGradient id="paint0_linear_6882_51948" x1="7.994" y1="18.035" x2="7.994" y2="7.007" gradientUnits="userSpaceOnUse"><stop stop-color="#FCC2B1"/><stop offset=".885" stop-color="#D9420B"/></linearGradient><linearGradient id="paint1_linear_6882_51948" x1="7.994" y1="13.26" x2="7.994" y2="6.007" gradientUnits="userSpaceOnUse"><stop stop-color="#DEEDC9"/><stop offset=".661" stop-color="#8BBA25"/></linearGradient><linearGradient id="paint2_linear_6882_51948" x1="7.994" y1="10.323" x2="7.994" y2=".453" gradientUnits="userSpaceOnUse"><stop stop-color="#C2EBFA"/><stop offset="1" stop-color="#26A8DE"/></linearGradient><clipPath id="clip0_6882_51948"><path fill="#fff" transform="translate(0 .556)" d="M0 0h16v14.889H0z"/></clipPath></defs></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "126.0.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/Icon/Readme.md

@@ -735,6 +735,7 @@ import KeychainIcon from 'cozy-ui/transpiled/react/Icons/Keychain'
 import LogoutLargeIcon from 'cozy-ui/transpiled/react/Icons/LogoutLarge'
 import MailIcon from 'cozy-ui/transpiled/react/Icons/Mail'
 import NotesIcon from 'cozy-ui/transpiled/react/Icons/Notes'
+import OnlyOfficeIcon from 'cozy-ui/transpiled/react/Icons/OnlyOffice'
 import PapersIcon from 'cozy-ui/transpiled/react/Icons/Papers'
 import PassIcon from 'cozy-ui/transpiled/react/Icons/Pass'
 import ShareGrey08Icon from 'cozy-ui/transpiled/react/Icons/ShareGrey08'
@@ -786,6 +787,7 @@ const icons = [
   LogoutLargeIcon,
   MailIcon,
   NotesIcon,
+  OnlyOfficeIcon,
   PapersIcon,
   PassIcon,
   ShareGrey08Icon,
@@ -1018,7 +1020,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 import Grid from 'cozy-ui/transpiled/react/Grid'
 import Sprite from 'cozy-ui/transpiled/react/Icon/Sprite'
 
-const availableIcons = ['account', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-server', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'store', 'top-select', 'trash-duotone', 'cozy']
+const availableIcons = ['account', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-server', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'only-office', 'store', 'top-select', 'trash-duotone', 'cozy']
 
 ;
 

package/react/Icons/OnlyOffice.jsx

@@ -0,0 +1,71 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/only-office.svg` to regenerate;
+import React from 'react'
+
+function SvgOnlyOffice(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <g
+        clipPath="url(#only-office_svg__clip0_6882_51948)"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+        <path
+          d="M7 15.172l-6.58-3.02c-.56-.264-.56-.672 0-.912l2.291-1.055 4.265 1.966c.56.264 1.463.264 1.999 0l4.265-1.966 2.29 1.055c.561.264.561.671 0 .911l-6.58 3.021c-.511.24-1.413.24-1.95 0z"
+          fill="url(#only-office_svg__paint0_linear_6882_51948)"
+        />
+        <path
+          d="M7 11.456L.42 8.436c-.56-.265-.56-.672 0-.912l2.243-1.03L7 8.483c.56.263 1.462.263 1.998 0l4.338-1.99 2.242 1.03c.561.264.561.671 0 .911L9 11.456c-.56.264-1.462.264-1.998 0z"
+          fill="url(#only-office_svg__paint1_linear_6882_51948)"
+        />
+        <path
+          d="M7 7.836L.42 4.815c-.56-.264-.56-.672 0-.911L7 .883c.561-.264 1.463-.264 2 0l6.58 3.02c.56.264.56.672 0 .912L9 7.835c-.561.24-1.463.24-2 0z"
+          fill="url(#only-office_svg__paint2_linear_6882_51948)"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="only-office_svg__paint0_linear_6882_51948"
+          x1={7.994}
+          y1={18.035}
+          x2={7.994}
+          y2={7.007}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FCC2B1" />
+          <stop offset={0.885} stopColor="#D9420B" />
+        </linearGradient>
+        <linearGradient
+          id="only-office_svg__paint1_linear_6882_51948"
+          x1={7.994}
+          y1={13.26}
+          x2={7.994}
+          y2={6.007}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#DEEDC9" />
+          <stop offset={0.661} stopColor="#8BBA25" />
+        </linearGradient>
+        <linearGradient
+          id="only-office_svg__paint2_linear_6882_51948"
+          x1={7.994}
+          y1={10.323}
+          x2={7.994}
+          y2={0.453}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#C2EBFA" />
+          <stop offset={1} stopColor="#26A8DE" />
+        </linearGradient>
+        <clipPath id="only-office_svg__clip0_6882_51948">
+          <path
+            fill="#fff"
+            transform="translate(0 .556)"
+            d="M0 0h16v14.889H0z"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgOnlyOffice

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,