cozy-ui-plus 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.1](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@2.1.0...cozy-ui-plus@2.1.1) (2025-11-05)
+
+### Bug Fixes
+
+- **ui-plus:** Now spread props between Paywall and its subcomponents ([a86cf6a](https://github.com/cozy/cozy-libs/commit/a86cf6a353c1d64173226756147a3060f0a41ecc))
+
 # [2.1.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@2.0.0...cozy-ui-plus@2.1.0) (2025-11-05)
 
 ### Features

package/dist/Paywall/MaxAccountsByKonnectorPaywall.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -15,21 +19,24 @@ var _Paywall = _interopRequireDefault(require("./Paywall"));
 
 var _withPaywallLocales = _interopRequireDefault(require("./locales/withPaywallLocales"));
 
+var _excluded = ["max", "konnectorName", "onClose"];
+
 /**
  * Paywall displayed when the user reach the maximum accounts allowed for a konnector
  */
 var MaxAccountsByKonnectorPaywall = function MaxAccountsByKonnectorPaywall(_ref) {
   var max = _ref.max,
       konnectorName = _ref.konnectorName,
-      onClose = _ref.onClose;
-  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+      onClose = _ref.onClose,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, (0, _extends2.default)({
     variant: "maxAccountsByKonnector",
     contentInterpolation: {
       smart_count: max,
       konnectorName: konnectorName
     },
     onClose: onClose
-  });
+  }, props));
 };
 
 MaxAccountsByKonnectorPaywall.propTypes = {

package/dist/Paywall/MaxAccountsPaywall.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -15,19 +19,22 @@ var _Paywall = _interopRequireDefault(require("./Paywall"));
 
 var _withPaywallLocales = _interopRequireDefault(require("./locales/withPaywallLocales"));
 
+var _excluded = ["max", "onClose"];
+
 /**
  * Paywall displayed when the user reach the maximum accounts allowed for all konnectors
  */
 var MaxAccountsPaywall = function MaxAccountsPaywall(_ref) {
   var max = _ref.max,
-      onClose = _ref.onClose;
-  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+      onClose = _ref.onClose,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, (0, _extends2.default)({
     variant: "maxAccounts",
     contentInterpolation: {
       smart_count: max
     },
     onClose: onClose
-  });
+  }, props));
 };
 
 MaxAccountsPaywall.propTypes = {

package/dist/Paywall/MaxDaysToCapturePaywall.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -15,19 +19,22 @@ var _Paywall = _interopRequireDefault(require("./Paywall"));
 
 var _withPaywallLocales = _interopRequireDefault(require("./locales/withPaywallLocales"));
 
+var _excluded = ["days", "onClose"];
+
 /**
  * Paywall displayed when the user reach the maximum days allowed of capture geolocated data
  */
 var MaxDaysToCapturePaywall = function MaxDaysToCapturePaywall(_ref) {
   var days = _ref.days,
-      onClose = _ref.onClose;
-  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+      onClose = _ref.onClose,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, (0, _extends2.default)({
     variant: "maxDaysToCapture",
     contentInterpolation: {
       smart_count: days
     },
     onClose: onClose
-  });
+  }, props));
 };
 
 MaxDaysToCapturePaywall.propTypes = {

package/dist/Paywall/MaxPapersPaywall.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -15,6 +19,8 @@ var _Paywall = _interopRequireDefault(require("./Paywall"));
 
 var _withPaywallLocales = _interopRequireDefault(require("./locales/withPaywallLocales"));
 
+var _excluded = ["max", "onClose"];
+
 /**
  * Paywall displayed when the user reaches the maximum number of papers created via the Mespapiers application.
  *
@@ -24,14 +30,15 @@ var _withPaywallLocales = _interopRequireDefault(require("./locales/withPaywallL
  */
 var MaxPapersPaywall = function MaxPapersPaywall(_ref) {
   var max = _ref.max,
-      onClose = _ref.onClose;
-  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+      onClose = _ref.onClose,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, (0, _extends2.default)({
     variant: "maxPapers",
     contentInterpolation: {
       smart_count: max
     },
     onClose: onClose
-  });
+  }, props));
 };
 
 MaxPapersPaywall.propTypes = {

package/dist/Paywall/OnlyOfficePaywall.js

@@ -7,20 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Paywall = _interopRequireDefault(require("./Paywall"));
 
+var _excluded = ["onClose", "isPublic"];
+
 var OnlyOfficePaywall = function OnlyOfficePaywall(_ref) {
   var onClose = _ref.onClose,
-      isPublic = _ref.isPublic;
-  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+      isPublic = _ref.isPublic,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, (0, _extends2.default)({
     variant: "onlyOffice",
     onClose: onClose,
     isPublic: isPublic
-  });
+  }, props));
 };
 /**
  * Paywall displayed when the user is not authorised to access OnlyOffice

package/dist/Paywall/PasswordSharingPaywall.js

@@ -7,19 +7,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Paywall = _interopRequireDefault(require("./Paywall"));
 
+var _excluded = ["onClose"];
+
 var PasswordSharingPaywall = function PasswordSharingPaywall(_ref) {
-  var onClose = _ref.onClose;
-  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+  var onClose = _ref.onClose,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, (0, _extends2.default)({
     variant: "passwordSharing",
     onClose: onClose,
     isPublic: false
-  });
+  }, props));
 };
 /**
  * Paywall displayed when the user is not authorised to share password

package/dist/Paywall/QuotaPaywall.js

@@ -7,21 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Paywall = _interopRequireDefault(require("./Paywall"));
 
+var _excluded = ["onClose"];
+
 /**
  * Paywall displayed when user disk space is full
  */
 var QuotaPaywall = function QuotaPaywall(_ref) {
-  var onClose = _ref.onClose;
-  return /*#__PURE__*/_react.default.createElement(_Paywall.default, {
+  var onClose = _ref.onClose,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Paywall.default, (0, _extends2.default)({
     variant: "quota",
     onClose: onClose
-  });
+  }, props));
 };
 
 QuotaPaywall.propTypes = {

package/dist/src/Paywall/OnlyOfficePaywall.d.ts

@@ -1,5 +1,6 @@
 export default OnlyOfficePaywall;
-declare function OnlyOfficePaywall({ onClose, isPublic }: {
+declare function OnlyOfficePaywall({ onClose, isPublic, ...props }: {
+    [x: string]: any;
     onClose: any;
     isPublic: any;
 }): JSX.Element;

package/dist/src/Paywall/PasswordSharingPaywall.d.ts

@@ -1,5 +1,6 @@
 export default PasswordSharingPaywall;
-declare function PasswordSharingPaywall({ onClose }: {
+declare function PasswordSharingPaywall({ onClose, ...props }: {
+    [x: string]: any;
     onClose: any;
 }): JSX.Element;
 declare namespace PasswordSharingPaywall {

package/dist/src/Paywall/QuotaPaywall.d.ts

@@ -2,7 +2,8 @@ export default QuotaPaywall;
 /**
  * Paywall displayed when user disk space is full
  */
-declare function QuotaPaywall({ onClose }: {
+declare function QuotaPaywall({ onClose, ...props }: {
+    [x: string]: any;
     onClose: any;
 }): JSX.Element;
 declare namespace QuotaPaywall {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui-plus",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Cozy-ui-plus is an extension of cozy-ui and provides components based on cozy-client",
   "main": "dist/index.js",
   "license": "MIT",
@@ -72,5 +72,5 @@
     "react": "^16 || ^17 || ^18",
     "react-dom": "^16 || ^17 || ^18"
   },
-  "gitHead": "ab0c029498b3ce4772df45bb19d7bb0e19022bf4"
+  "gitHead": "c53696d649980df8a8780451c87c29bc005cea1e"
 }

package/src/Paywall/MaxAccountsByKonnectorPaywall.jsx

@@ -7,7 +7,12 @@ import withPaywallLocales from './locales/withPaywallLocales'
 /**
  * Paywall displayed when the user reach the maximum accounts allowed for a konnector
  */
-const MaxAccountsByKonnectorPaywall = ({ max, konnectorName, onClose }) => {
+const MaxAccountsByKonnectorPaywall = ({
+  max,
+  konnectorName,
+  onClose,
+  ...props
+}) => {
   return (
     <Paywall
       variant="maxAccountsByKonnector"
@@ -16,6 +21,7 @@ const MaxAccountsByKonnectorPaywall = ({ max, konnectorName, onClose }) => {
         konnectorName
       }}
       onClose={onClose}
+      {...props}
     />
   )
 }

package/src/Paywall/MaxAccountsPaywall.jsx

@@ -7,12 +7,13 @@ import withPaywallLocales from './locales/withPaywallLocales'
 /**
  * Paywall displayed when the user reach the maximum accounts allowed for all konnectors
  */
-const MaxAccountsPaywall = ({ max, onClose }) => {
+const MaxAccountsPaywall = ({ max, onClose, ...props }) => {
   return (
     <Paywall
       variant="maxAccounts"
       contentInterpolation={{ smart_count: max }}
       onClose={onClose}
+      {...props}
     />
   )
 }

package/src/Paywall/MaxDaysToCapturePaywall.jsx

@@ -7,12 +7,13 @@ import withPaywallLocales from './locales/withPaywallLocales'
 /**
  * Paywall displayed when the user reach the maximum days allowed of capture geolocated data
  */
-const MaxDaysToCapturePaywall = ({ days, onClose }) => {
+const MaxDaysToCapturePaywall = ({ days, onClose, ...props }) => {
   return (
     <Paywall
       variant="maxDaysToCapture"
       contentInterpolation={{ smart_count: days }}
       onClose={onClose}
+      {...props}
     />
   )
 }

package/src/Paywall/MaxPapersPaywall.jsx

@@ -11,12 +11,13 @@ import withPaywallLocales from './locales/withPaywallLocales'
  * @param {function} onClose - Callback used when the user close the paywall
  * @returns {React.Component} - React component
  */
-const MaxPapersPaywall = ({ max, onClose }) => {
+const MaxPapersPaywall = ({ max, onClose, ...props }) => {
   return (
     <Paywall
       variant="maxPapers"
       contentInterpolation={{ smart_count: max }}
       onClose={onClose}
+      {...props}
     />
   )
 }

package/src/Paywall/OnlyOfficePaywall.jsx

@@ -3,8 +3,15 @@ import React from 'react'
 
 import Paywall from './Paywall'
 
-const OnlyOfficePaywall = ({ onClose, isPublic }) => {
-  return <Paywall variant="onlyOffice" onClose={onClose} isPublic={isPublic} />
+const OnlyOfficePaywall = ({ onClose, isPublic, ...props }) => {
+  return (
+    <Paywall
+      variant="onlyOffice"
+      onClose={onClose}
+      isPublic={isPublic}
+      {...props}
+    />
+  )
 }
 
 /**

package/src/Paywall/PasswordSharingPaywall.jsx

@@ -3,9 +3,14 @@ import React from 'react'
 
 import Paywall from './Paywall'
 
-const PasswordSharingPaywall = ({ onClose }) => {
+const PasswordSharingPaywall = ({ onClose, ...props }) => {
   return (
-    <Paywall variant="passwordSharing" onClose={onClose} isPublic={false} />
+    <Paywall
+      variant="passwordSharing"
+      onClose={onClose}
+      isPublic={false}
+      {...props}
+    />
   )
 }
 

package/src/Paywall/QuotaPaywall.jsx

@@ -6,8 +6,8 @@ import Paywall from './Paywall'
 /**
  * Paywall displayed when user disk space is full
  */
-const QuotaPaywall = ({ onClose }) => {
-  return <Paywall variant="quota" onClose={onClose} />
+const QuotaPaywall = ({ onClose, ...props }) => {
+  return <Paywall variant="quota" onClose={onClose} {...props} />
 }
 
 QuotaPaywall.propTypes = {