cozy-ui 132.1.0 → 133.0.0

package/react/providers/CozyTheme/index.jsx

@@ -1,11 +1,11 @@
+import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { createContext, useContext } from 'react'
 
 import log from 'cozy-logger'
 
-import CozyThemeWithQuery from './CozyThemeWithQuery'
-import DumbCozyTheme from './DumbCozyTheme'
-import { isRsg } from '../../hooks/useSetFlagshipUi/helpers'
+import MuiCozyTheme from '../../MuiCozyTheme'
+import useMediaQuery from '../../hooks/useMediaQuery'
 
 export const CozyThemeContext = createContext()
 
@@ -31,28 +31,64 @@ export const useCozyTheme = () => {
   return context
 }
 
-const CozyTheme = ({ ignoreCozySettings, ...props }) => {
-  const Comp =
-    ignoreCozySettings || process.env.NODE_ENV === 'test' || isRsg
-      ? DumbCozyTheme
-      : CozyThemeWithQuery
+const CozyTheme = ({
+  variant,
+  className,
+  ignoreItself,
+  settingsThemeType,
+  children
+}) => {
+  const uiThemeType = localStorage.getItem('ui-theme-type') // use only for cozy-ui documentation and argos screenshots
+  const uiThemeVariant = localStorage.getItem('ui-theme-variant') // use only for cozy-ui documentation and argos screenshots
 
-  return <Comp {...props} />
+  const deviceThemeType = useMediaQuery('(prefers-color-scheme: dark)')
+    ? 'dark'
+    : 'light'
+  const filteredSettingsThemeType = ['light', 'dark'].includes(
+    settingsThemeType
+  )
+    ? settingsThemeType
+    : undefined
+
+  const selfThemeType =
+    uiThemeType || filteredSettingsThemeType || deviceThemeType
+  const selfThemeVariant = uiThemeVariant || variant
+
+  return (
+    <CozyThemeContext.Provider
+      value={{
+        type: selfThemeType,
+        variant: selfThemeVariant,
+        isLight: selfThemeType === 'light'
+      }}
+    >
+      <MuiCozyTheme type={selfThemeType} variant={selfThemeVariant}>
+        <div
+          className={cx(className, {
+            [`TwakeTheme--${selfThemeType}-${selfThemeVariant}`]:
+              Boolean(selfThemeVariant),
+            'u-dc': ignoreItself
+          })}
+        >
+          {children}
+        </div>
+      </MuiCozyTheme>
+    </CozyThemeContext.Provider>
+  )
 }
 
 CozyTheme.propTypes = {
   variant: PropTypes.oneOf(['normal', 'inverted']),
   /** Causes this element's children to appear as if they were direct children of the element's parent, ignoring the element itself. */
   ignoreItself: PropTypes.bool,
-  /** Bypasses the request that retrieves the app's settings in order to define the theme type */
-  ignoreCozySettings: PropTypes.bool,
+  /** Theme type from io.cozy.settings.instance */
+  settingsThemeType: PropTypes.oneOf(['light', 'dark', 'auto']),
   className: PropTypes.string,
   children: PropTypes.node
 }
 
 CozyTheme.defaultProps = {
   variant: 'normal',
-  ignoreCozySettings: false,
   ignoreItself: true
 }
 

package/react/providers/DemoProvider.jsx

@@ -1,42 +1,22 @@
 import React from 'react'
 
-import { CozyProvider } from 'cozy-client'
-
 import { BreakpointsProvider } from './Breakpoints'
 import CozyTheme from './CozyTheme'
 import AlertProvider from '../providers/Alert'
 import I18n from '../providers/I18n'
 
-const defaultClient = {
-  plugins: {
-    realtime: {
-      subscribe: () => {},
-      unsubscribe: () => {},
-      unsubscribeAll: () => {}
-    }
-  },
-  getStackClient: () => ({
-    uri: 'https://cozy.io/'
-  }),
-  getInstanceOptions: () => ({
-    subdomain: ''
-  })
-}
-
-const DemoProvider = ({ client, variant, dictRequire, children }) => {
+const DemoProvider = ({ variant, dictRequire, children }) => {
   const lang = localStorage.getItem('lang') || 'en'
   const _dictRequire = dictRequire ? dictRequire : () => ({})
 
   return (
-    <CozyProvider client={client || defaultClient}>
-      <BreakpointsProvider>
-        <AlertProvider>
-          <I18n lang={lang} dictRequire={_dictRequire}>
-            <CozyTheme variant={variant}>{children}</CozyTheme>
-          </I18n>
-        </AlertProvider>
-      </BreakpointsProvider>
-    </CozyProvider>
+    <BreakpointsProvider>
+      <AlertProvider>
+        <I18n lang={lang} dictRequire={_dictRequire}>
+          <CozyTheme variant={variant}>{children}</CozyTheme>
+        </I18n>
+      </AlertProvider>
+    </BreakpointsProvider>
   )
 }
 

package/rsgscreenshots.json

@@ -1,9 +1,4 @@
 {
-  "UploadQueue": {
-    "viewports": {
-      "desktop": "1200x700"
-    }
-  },
   "BottomSheet": {
     "viewports": {
       "desktop": "1200x700",

package/transpiled/react/ActionsMenu/Actions/addToFavorites.d.ts

@@ -1,14 +1,14 @@
-export function addToFavorites({ showAlert }: {
+export function addToFavorites({ client, showAlert, splitFilename }: {
+    client: any;
     showAlert: any;
+    splitFilename: any;
 }): {
     name: string;
     icon: typeof StarOutlineIcon;
     label: any;
     displayCondition: (docs: any) => any;
     Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-    action: (docs: any, { client }: {
-        client: any;
-    }) => Promise<void>;
+    action: (docs: any) => Promise<void>;
 };
 import StarOutlineIcon from "../../Icons/StarOutline";
 import React from "react";

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

@@ -14,7 +14,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 import React, { forwardRef } from 'react';
-import { splitFilename } from 'cozy-client/dist/models/file';
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import StarOutlineIcon from "cozy-ui/transpiled/react/Icons/StarOutline";
@@ -37,7 +36,9 @@ var makeComponent = function makeComponent(label, icon) {
 };
 
 export var addToFavorites = function addToFavorites(_ref) {
-  var showAlert = _ref.showAlert;
+  var client = _ref.client,
+      showAlert = _ref.showAlert,
+      splitFilename = _ref.splitFilename;
 
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;
@@ -57,56 +58,55 @@ export var addToFavorites = function addToFavorites(_ref) {
     },
     Component: makeComponent(label, icon),
     action: function () {
-      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs, _ref2) {
-        var client, _iterator, _step, doc, _splitFilename, filename;
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs) {
+        var _iterator, _step, doc, _splitFilename, filename;
 
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                client = _ref2.client;
-                _context.prev = 1;
+                _context.prev = 0;
                 _iterator = _createForOfIteratorHelper(docs);
-                _context.prev = 3;
+                _context.prev = 2;
 
                 _iterator.s();
 
-              case 5:
+              case 4:
                 if ((_step = _iterator.n()).done) {
-                  _context.next = 11;
+                  _context.next = 10;
                   break;
                 }
 
                 doc = _step.value;
-                _context.next = 9;
+                _context.next = 8;
                 return client.save(_objectSpread(_objectSpread({}, doc), {}, {
                   cozyMetadata: _objectSpread(_objectSpread({}, doc.cozyMetadata), {}, {
                     favorite: true
                   })
                 }));
 
-              case 9:
-                _context.next = 5;
+              case 8:
+                _context.next = 4;
                 break;
 
-              case 11:
-                _context.next = 16;
+              case 10:
+                _context.next = 15;
                 break;
 
-              case 13:
-                _context.prev = 13;
-                _context.t0 = _context["catch"](3);
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](2);
 
                 _iterator.e(_context.t0);
 
-              case 16:
-                _context.prev = 16;
+              case 15:
+                _context.prev = 15;
 
                 _iterator.f();
 
-                return _context.finish(16);
+                return _context.finish(15);
 
-              case 19:
+              case 18:
                 _splitFilename = splitFilename(docs[0]), filename = _splitFilename.filename;
                 showAlert({
                   message: t('favorites.add.success', {
@@ -115,26 +115,26 @@ export var addToFavorites = function addToFavorites(_ref) {
                   }),
                   severity: 'success'
                 });
-                _context.next = 26;
+                _context.next = 25;
                 break;
 
-              case 23:
-                _context.prev = 23;
-                _context.t1 = _context["catch"](1);
+              case 22:
+                _context.prev = 22;
+                _context.t1 = _context["catch"](0);
                 showAlert({
                   message: t('favorites.error'),
                   severity: 'error'
                 });
 
-              case 26:
+              case 25:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[1, 23], [3, 13, 16, 19]]);
+        }, _callee, null, [[0, 22], [2, 12, 15, 18]]);
       }));
 
-      function action(_x, _x2) {
+      function action(_x) {
         return _action.apply(this, arguments);
       }
 

package/transpiled/react/ActionsMenu/Actions/download.d.ts

@@ -1,12 +1,13 @@
-export function download({ encryptedUrl }: {
+export function download({ client, encryptedUrl, downloadFile }: {
+    client: any;
     encryptedUrl: any;
+    downloadFile: any;
 }): {
     name: string;
     icon: typeof DownloadIcon;
     label: any;
     Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-    action: (docs: any, { client, webviewIntent, driveId }: {
-        client: any;
+    action: (docs: any, { webviewIntent, driveId }: {
         webviewIntent: any;
         driveId: any;
     }) => any;

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import { downloadFile } from 'cozy-client/dist/models/file';
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import DownloadIcon from "cozy-ui/transpiled/react/Icons/Download";
@@ -23,7 +22,9 @@ var makeComponent = function makeComponent(label, icon) {
 };
 
 export var download = function download(_ref) {
-  var encryptedUrl = _ref.encryptedUrl;
+  var client = _ref.client,
+      encryptedUrl = _ref.encryptedUrl,
+      downloadFile = _ref.downloadFile;
 
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;
@@ -36,8 +37,7 @@ export var download = function download(_ref) {
     label: label,
     Component: makeComponent(label, icon),
     action: function action(docs, _ref2) {
-      var client = _ref2.client,
-          webviewIntent = _ref2.webviewIntent,
+      var webviewIntent = _ref2.webviewIntent,
           driveId = _ref2.driveId;
       return downloadFile({
         client: client,

package/transpiled/react/ActionsMenu/Actions/helpers.d.ts

@@ -4,5 +4,5 @@ export function getOnlyNeededActions(actions: any, docs: any): any;
 export function makeBase64FromFile(file: File): Promise<string | null>;
 export function fileToArrayBuffer(file: File): Promise<ArrayBuffer>;
 export function addFileToPdf(pdfDoc: PDFDocument, file: File): Promise<ArrayBuffer>;
-export function makePdfBlob(client: import('cozy-client/types/CozyClient').default, docs: array): Promise<object>;
+export function makePdfBlob({ client, docs, fetchBlobFileById }: object): Promise<object>;
 import { PDFDocument } from "pdf-lib/cjs/api";

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

@@ -8,8 +8,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { PDFDocument } from 'pdf-lib';
-import { fetchBlobFileById } from 'cozy-client/dist/models/file'; // Should guarantee good resolution for different uses (printing, downloading, etc.)
+import { PDFDocument } from 'pdf-lib'; // Should guarantee good resolution for different uses (printing, downloading, etc.)
 
 var MAX_RESIZE_IMAGE_SIZE = 3840;
 var MAX_IMAGE_SIDE_SIZE = 1920;
@@ -393,70 +392,71 @@ export var addFileToPdf = /*#__PURE__*/function () {
 }();
 /**
  * Fetches file from docs list and return a blob of pdf
- * @param {import('cozy-client/types/CozyClient').default} client - Instance of CozyClient
+ * @param {object} client - Instance of CozyClient
  * @param {array} docs - Docs from an io.cozy.xxx doctypes
  * @returns {Promise<object>} Blob of generated Pdf
  */
 
 export var makePdfBlob = /*#__PURE__*/function () {
-  var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(client, docs) {
-    var pdfDoc, _iterator, _step, doc, _blob, pdfBytes, bytes, blob;
+  var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(_ref10) {
+    var client, docs, fetchBlobFileById, pdfDoc, _iterator, _step, doc, _blob, pdfBytes, bytes, blob;
 
     return _regeneratorRuntime.wrap(function _callee8$(_context8) {
       while (1) {
         switch (_context8.prev = _context8.next) {
           case 0:
-            _context8.next = 2;
+            client = _ref10.client, docs = _ref10.docs, fetchBlobFileById = _ref10.fetchBlobFileById;
+            _context8.next = 3;
             return PDFDocument.create();
 
-          case 2:
+          case 3:
             pdfDoc = _context8.sent;
             _iterator = _createForOfIteratorHelper(docs);
-            _context8.prev = 4;
+            _context8.prev = 5;
 
             _iterator.s();
 
-          case 6:
+          case 7:
             if ((_step = _iterator.n()).done) {
-              _context8.next = 15;
+              _context8.next = 16;
               break;
             }
 
             doc = _step.value;
-            _context8.next = 10;
+            _context8.next = 11;
             return fetchBlobFileById(client, doc._id);
 
-          case 10:
+          case 11:
             _blob = _context8.sent;
-            _context8.next = 13;
+            _context8.next = 14;
             return addFileToPdf(pdfDoc, _blob);
 
-          case 13:
-            _context8.next = 6;
+          case 14:
+            _context8.next = 7;
             break;
 
-          case 15:
-            _context8.next = 20;
+          case 16:
+            _context8.next = 21;
             break;
 
-          case 17:
-            _context8.prev = 17;
-            _context8.t0 = _context8["catch"](4);
+          case 18:
+            _context8.prev = 18;
+            _context8.t0 = _context8["catch"](5);
 
             _iterator.e(_context8.t0);
 
-          case 20:
-            _context8.prev = 20;
+          case 21:
+            _context8.prev = 21;
 
             _iterator.f();
 
-            return _context8.finish(20);
+            return _context8.finish(21);
 
-          case 23:
-            _context8.next = 25;
+          case 24:
+            _context8.next = 26;
             return pdfDoc.save();
 
-          case 25:
+          case 26:
             pdfBytes = _context8.sent;
             bytes = new Uint8Array(pdfBytes);
             blob = new Blob([bytes], {
@@ -464,15 +464,15 @@ export var makePdfBlob = /*#__PURE__*/function () {
             });
             return _context8.abrupt("return", blob);
 
-          case 29:
+          case 30:
           case "end":
             return _context8.stop();
         }
       }
-    }, _callee8, null, [[4, 17, 20, 23]]);
+    }, _callee8, null, [[5, 18, 21, 24]]);
   }));
 
-  return function makePdfBlob(_x11, _x12) {
-    return _ref10.apply(this, arguments);
+  return function makePdfBlob(_x11) {
+    return _ref11.apply(this, arguments);
   };
 }();

package/transpiled/react/ActionsMenu/Actions/modify.d.ts

@@ -1,10 +1,11 @@
-export function modify(): {
+export function modify({ client, generateWebLink }: {
+    client: any;
+    generateWebLink: any;
+}): {
     name: string;
     icon: typeof PenIcon;
     label: any;
-    action: (docs: any, { client }: {
-        client: any;
-    }) => void;
+    action: (docs: any) => void;
     Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 };
 import PenIcon from "../../Icons/Pen";

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

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import { generateWebLink } from 'cozy-client';
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import PenIcon from "cozy-ui/transpiled/react/Icons/Pen";
 import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
 import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-export var modify = function modify() {
+export var modify = function modify(_ref) {
+  var client = _ref.client,
+      generateWebLink = _ref.generateWebLink;
+
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;
 
@@ -17,8 +19,7 @@ export var modify = function modify() {
     name: 'modify',
     icon: icon,
     label: label,
-    action: function action(docs, _ref) {
-      var client = _ref.client;
+    action: function action(docs) {
       var contactId = docs[0]._id;
       var webLink = generateWebLink({
         slug: 'contacts',

package/transpiled/react/ActionsMenu/Actions/print.d.ts

@@ -1,11 +1,14 @@
-export function print(): {
+export function print({ client, fetchBlobFileById, isFile }: {
+    client: any;
+    fetchBlobFileById: any;
+    isFile: any;
+}): {
     name: string;
     icon: typeof PrinterIcon;
     label: any;
     disabled: (docs: any) => boolean;
     displayCondition: (docs: any) => any;
-    action: (docs: any, { client, webviewIntent }: {
-        client: any;
+    action: (docs: any, { webviewIntent }: {
         webviewIntent: any;
     }) => Promise<any>;
     Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

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

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { forwardRef } from 'react';
-import { fetchBlobFileById, isFile } from 'cozy-client/dist/models/file';
 import logger from 'cozy-logger';
 import { makeBase64FromFile, makePdfBlob } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
@@ -11,7 +10,11 @@ import PrinterIcon from "cozy-ui/transpiled/react/Icons/Printer";
 import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
 import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-export var print = function print() {
+export var print = function print(_ref) {
+  var client = _ref.client,
+      fetchBlobFileById = _ref.fetchBlobFileById,
+      isFile = _ref.isFile;
+
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;
 
@@ -30,14 +33,14 @@ export var print = function print() {
       });
     },
     action: function () {
-      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs, _ref) {
-        var client, webviewIntent, isSingleDoc, firstDoc, blob, base64, docUrl, _blob;
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs, _ref2) {
+        var webviewIntent, isSingleDoc, firstDoc, blob, base64, docUrl, _blob;
 
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                client = _ref.client, webviewIntent = _ref.webviewIntent;
+                webviewIntent = _ref2.webviewIntent;
                 isSingleDoc = docs.length === 1;
                 firstDoc = docs[0];
                 _context.prev = 3;
@@ -62,7 +65,11 @@ export var print = function print() {
 
               case 11:
                 _context.next = 13;
-                return makePdfBlob(client, docs);
+                return makePdfBlob({
+                  client: client,
+                  docs: docs,
+                  fetchBlobFileById: fetchBlobFileById
+                });
 
               case 13:
                 _context.t0 = _context.sent;
@@ -95,7 +102,11 @@ export var print = function print() {
 
               case 26:
                 _context.next = 28;
-                return makePdfBlob(client, docs);
+                return makePdfBlob({
+                  client: client,
+                  docs: docs,
+                  fetchBlobFileById: fetchBlobFileById
+                });
 
               case 28:
                 _blob = _context.sent;

package/transpiled/react/ActionsMenu/Actions/removeFromFavorites.d.ts

@@ -1,14 +1,14 @@
-export function removeFromFavorites({ showAlert }: {
+export function removeFromFavorites({ client, showAlert, splitFilename }: {
+    client: any;
     showAlert: any;
+    splitFilename: any;
 }): {
     name: string;
     icon: typeof StarIcon;
     label: any;
     displayCondition: (docs: any) => any;
     Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-    action: (docs: any, { client }: {
-        client: any;
-    }) => Promise<void>;
+    action: (docs: any) => Promise<void>;
 };
 import StarIcon from "../../Icons/Star";
 import React from "react";