cozy-ui 117.0.0 → 117.2.0

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

@@ -0,0 +1,144 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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";
+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";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'addToFavorites';
+  return Component;
+};
+
+export var addToFavorites = function addToFavorites(_ref) {
+  var showAlert = _ref.showAlert;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = StarOutlineIcon;
+  var label = t('favorites.add.label');
+  return {
+    name: 'addToFavorites',
+    icon: icon,
+    label: label,
+    displayCondition: function displayCondition(docs) {
+      return docs.length > 0 && docs.every(function (doc) {
+        var _doc$cozyMetadata;
+
+        return !((_doc$cozyMetadata = doc.cozyMetadata) !== null && _doc$cozyMetadata !== void 0 && _doc$cozyMetadata.favorite);
+      });
+    },
+    Component: makeComponent(label, icon),
+    action: function () {
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs, _ref2) {
+        var client, _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;
+                _iterator = _createForOfIteratorHelper(docs);
+                _context.prev = 3;
+
+                _iterator.s();
+
+              case 5:
+                if ((_step = _iterator.n()).done) {
+                  _context.next = 11;
+                  break;
+                }
+
+                doc = _step.value;
+                _context.next = 9;
+                return client.save(_objectSpread(_objectSpread({}, doc), {}, {
+                  cozyMetadata: _objectSpread(_objectSpread({}, doc.cozyMetadata), {}, {
+                    favorite: true
+                  })
+                }));
+
+              case 9:
+                _context.next = 5;
+                break;
+
+              case 11:
+                _context.next = 16;
+                break;
+
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](3);
+
+                _iterator.e(_context.t0);
+
+              case 16:
+                _context.prev = 16;
+
+                _iterator.f();
+
+                return _context.finish(16);
+
+              case 19:
+                _splitFilename = splitFilename(docs[0]), filename = _splitFilename.filename;
+                showAlert({
+                  message: t('favorites.add.success', {
+                    filename: filename,
+                    smart_count: docs.length
+                  }),
+                  severity: 'success'
+                });
+                _context.next = 26;
+                break;
+
+              case 23:
+                _context.prev = 23;
+                _context.t1 = _context["catch"](1);
+                showAlert({
+                  message: t('favorites.error'),
+                  severity: 'error'
+                });
+
+              case 26:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[1, 23], [3, 13, 16, 19]]);
+      }));
+
+      function action(_x, _x2) {
+        return _action.apply(this, arguments);
+      }
+
+      return action;
+    }()
+  };
+};

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

@@ -0,0 +1,49 @@
+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";
+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";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'download';
+  return Component;
+};
+
+export var download = function download(_ref) {
+  var encryptedUrl = _ref.encryptedUrl;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = DownloadIcon;
+  var label = t('download');
+  return {
+    name: 'download',
+    icon: icon,
+    label: label,
+    Component: makeComponent(label, icon),
+    action: function action(docs, _ref2) {
+      var client = _ref2.client,
+          webviewIntent = _ref2.webviewIntent;
+      return downloadFile({
+        client: client,
+        file: docs[0],
+        url: encryptedUrl,
+        webviewIntent: webviewIntent
+      });
+    }
+  };
+};

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

@@ -5,6 +5,9 @@ export { smsTo } from './smsTo';
 export { call } from './call';
 export { emailTo } from './emailTo';
 export { print } from './print';
+export { download } from './download';
+export { addToFavorites } from './addToFavorites';
+export { removeFromFavorites } from './removeFromFavorites';
 export { viewInContacts } from './viewInContacts';
 export { viewInDrive } from './viewInDrive';
 export { copyToClipboard } from './copyToClipboard';

package/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales.js

@@ -5,6 +5,18 @@ var en = {
   emailTo: "Send an email",
   smsTo: "Send a message",
   print: "Print",
+  download: "Download",
+  favorites: {
+    add: {
+      label: "Add to favorites",
+      success: "%{filename} has been added to favorites |||| These items have been added to favorites"
+    },
+    remove: {
+      label: "Remove from favorites",
+      success: "%{filename} has been removed from favorites |||| These items have been removed from favorites"
+    },
+    error: "An error occurred, please try again."
+  },
   others: "Others",
   editAttribute: "Edit attribute",
   copyToClipboard: {
@@ -21,6 +33,18 @@ var fr = {
   emailTo: "Envoyer un e-mail",
   smsTo: "Envoyer un message",
   print: "Imprimer",
+  download: "T\xE9l\xE9charger",
+  favorites: {
+    add: {
+      label: "Ajouter aux favoris",
+      success: "%{filename} a \xE9t\xE9 ajout\xE9 aux favoris |||| Ces \xE9l\xE9ments ont \xE9t\xE9 ajout\xE9s aux favoris"
+    },
+    remove: {
+      label: "Retirer des favoris",
+      success: "%{filename} a \xE9t\xE9 retir\xE9 des favoris |||| Ces \xE9l\xE9ments ont \xE9t\xE9 retir\xE9s des favoris"
+    },
+    error: "Une erreur est survenue, merci de r\xE9essayer."
+  },
   others: "Autres",
   editAttribute: "Editer l'attribut",
   copyToClipboard: {

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

@@ -0,0 +1,144 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 StarIcon from "cozy-ui/transpiled/react/Icons/Star";
+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";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'removeFromFavorites';
+  return Component;
+};
+
+export var removeFromFavorites = function removeFromFavorites(_ref) {
+  var showAlert = _ref.showAlert;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = StarIcon;
+  var label = t('favorites.remove.label');
+  return {
+    name: 'removeFromFavorites',
+    icon: icon,
+    label: label,
+    displayCondition: function displayCondition(docs) {
+      return docs.length > 0 && docs.every(function (doc) {
+        var _doc$cozyMetadata;
+
+        return (_doc$cozyMetadata = doc.cozyMetadata) === null || _doc$cozyMetadata === void 0 ? void 0 : _doc$cozyMetadata.favorite;
+      });
+    },
+    Component: makeComponent(label, icon),
+    action: function () {
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs, _ref2) {
+        var client, _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;
+                _iterator = _createForOfIteratorHelper(docs);
+                _context.prev = 3;
+
+                _iterator.s();
+
+              case 5:
+                if ((_step = _iterator.n()).done) {
+                  _context.next = 11;
+                  break;
+                }
+
+                doc = _step.value;
+                _context.next = 9;
+                return client.save(_objectSpread(_objectSpread({}, doc), {}, {
+                  cozyMetadata: _objectSpread(_objectSpread({}, doc.cozyMetadata), {}, {
+                    favorite: false
+                  })
+                }));
+
+              case 9:
+                _context.next = 5;
+                break;
+
+              case 11:
+                _context.next = 16;
+                break;
+
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](3);
+
+                _iterator.e(_context.t0);
+
+              case 16:
+                _context.prev = 16;
+
+                _iterator.f();
+
+                return _context.finish(16);
+
+              case 19:
+                _splitFilename = splitFilename(docs[0]), filename = _splitFilename.filename;
+                showAlert({
+                  message: t('favorites.success.remove', {
+                    filename: filename,
+                    smart_count: docs.length
+                  }),
+                  severity: 'success'
+                });
+                _context.next = 26;
+                break;
+
+              case 23:
+                _context.prev = 23;
+                _context.t1 = _context["catch"](1);
+                showAlert({
+                  message: t('favorites.error'),
+                  severity: 'error'
+                });
+
+              case 26:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[1, 23], [3, 13, 16, 19]]);
+      }));
+
+      function action(_x, _x2) {
+        return _action.apply(this, arguments);
+      }
+
+      return action;
+    }()
+  };
+};

package/transpiled/react/NestedSelect/NestedSelect.js

@@ -8,17 +8,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import cx from 'classnames';
+import debounce from 'lodash/debounce';
 import omit from 'lodash/omit';
 import PropTypes from 'prop-types';
-import React, { useState, useRef } from 'react';
+import React, { useState, useRef, useMemo } from 'react';
 import ItemRow from "cozy-ui/transpiled/react/NestedSelect/ItemRow";
 import { makeHistory } from "cozy-ui/transpiled/react/NestedSelect/helpers";
 var styles = {
   "Modal__back": "styles__Modal__back___qxUn_",
   "search-container--without-title": "styles__search-container--without-title___3P2fe"
 };
-import Input from "cozy-ui/transpiled/react/Input";
 import List from "cozy-ui/transpiled/react/List";
+import SearchBar from "cozy-ui/transpiled/react/SearchBar";
 import Typography from "cozy-ui/transpiled/react/Typography";
 export { ItemRow };
 /**
@@ -29,8 +30,6 @@ export { ItemRow };
  */
 
 var NestedSelect = function NestedSelect(_ref) {
-  var _state$searchValue;
-
   var onSelect = _ref.onSelect,
       ContentComponent = _ref.ContentComponent,
       HeaderComponent = _ref.HeaderComponent,
@@ -47,13 +46,21 @@ var NestedSelect = function NestedSelect(_ref) {
 
   var _useState = useState({
     history: makeHistory(options, canSelectParent),
-    searchValue: '',
-    searchResult: []
+    searchValue: ''
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
 
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      searchResult = _useState4[0],
+      setSearchResult = _useState4[1];
+
+  var delayedSetSearchResult = useMemo(function () {
+    return debounce(setSearchResult, 250);
+  }, [setSearchResult]);
+
   var handleBack = function handleBack() {
     var _state$history = _toArray(state.history),
         item = _state$history[0],
@@ -93,21 +100,31 @@ var NestedSelect = function NestedSelect(_ref) {
 
     if (onSearch) {
       var searchValue = ev.target.value;
-      var searchResult = onSearch(searchValue);
+
+      var _searchResult = onSearch(searchValue);
+
       setState(function (state) {
         return _objectSpread(_objectSpread({}, state), {}, {
-          searchValue: searchValue,
-          searchResult: searchResult
+          searchValue: searchValue
         });
       });
+      delayedSetSearchResult(_searchResult);
     }
   };
 
+  var onClear = function onClear() {
+    setState(function (state) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        searchValue: ''
+      });
+    });
+    delayedSetSearchResult(null);
+  };
+
   var current = state.history[0];
   var children = current.children || [];
   var level = state.history.length - 1;
   var parentItem = transformParentItem(omit(current, 'children'));
-  var hasSearchResult = ((_state$searchValue = state.searchValue) === null || _state$searchValue === void 0 ? void 0 : _state$searchValue.length) > 0;
 
   var isSelectedWithLevel = function isSelectedWithLevel(item) {
     return isSelected(item, level);
@@ -131,21 +148,22 @@ var NestedSelect = function NestedSelect(_ref) {
     className: cx('u-ml-1 u-mb-half', _defineProperty({
       'u-mr-1': currentTitle
     }, styles['search-container--without-title'], !currentTitle))
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(SearchBar, {
     placeholder: searchOptions.placeholderSearch,
+    value: state.searchValue,
     onChange: onChange,
-    value: state.searchValue
-  })), hasSearchResult ? state.searchResult.length === 0 ? /*#__PURE__*/React.createElement(Typography, {
+    onClear: onClear
+  })), searchResult ? searchResult.length === 0 ? /*#__PURE__*/React.createElement(Typography, {
     variant: "body1",
     className: "u-flex u-flex-justify-center u-mb-1 "
-  }, searchOptions.noDataLabel) : state.searchResult.map(function (item, index) {
+  }, searchOptions.noDataLabel) : searchResult.map(function (item, index) {
     return /*#__PURE__*/React.createElement(ItemRow, {
       radioPosition: radioPosition,
       key: item.key || item.title,
       item: item,
       onClick: handleClickItem,
       isSelected: isSelectedWithLevel(item),
-      isLast: index === state.searchResult.length - 1,
+      isLast: index === searchResult.length - 1,
       ellipsis: ellipsis,
       noDivider: noDivider
     });

package/transpiled/react/QualificationModal/helpers.js

@@ -0,0 +1,68 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import React from 'react';
+import { themesList } from 'cozy-client/dist/models/document/documentTypeData';
+import { isQualificationNote } from 'cozy-client/dist/models/document/documentTypeDataHelpers';
+import { getBoundT } from 'cozy-client/dist/models/document/locales';
+import Icon from "cozy-ui/transpiled/react/Icon";
+import FileTypeNoteIcon from "cozy-ui/transpiled/react/Icons/FileTypeNote";
+import QualificationIconStack from "cozy-ui/transpiled/react/QualificationIconStack";
+export var makeOptions = function makeOptions(lang) {
+  var qualifT = getBoundT(lang);
+  return {
+    children: [{
+      id: 'none',
+      title: qualifT('Scan.themes.none'),
+      icon: /*#__PURE__*/React.createElement(QualificationIconStack, null)
+    }].concat(_toConsumableArray(themesList.map(function (theme) {
+      return {
+        id: theme.id,
+        title: qualifT("Scan.themes.".concat(theme.label)),
+        icon: /*#__PURE__*/React.createElement(QualificationIconStack, {
+          theme: theme.label
+        }),
+        children: theme.items.map(function (item) {
+          return {
+            id: item.label,
+            item: item,
+            title: qualifT("Scan.items.".concat(item.label)),
+            icon: isQualificationNote(item) ? /*#__PURE__*/React.createElement(Icon, {
+              icon: FileTypeNoteIcon,
+              size: 64
+            }) : /*#__PURE__*/React.createElement(QualificationIconStack, {
+              qualification: item.label
+            })
+          };
+        })
+      };
+    })))
+  };
+};
+export var searchOptionsFn = function searchOptionsFn(options, value) {
+  var deepOptions = options.children.flatMap(function (child) {
+    return child.children;
+  }).reduce(function (acc, curr) {
+    if (!!curr && !acc.some(function (el) {
+      return el.id === curr.id;
+    })) {
+      acc.push(curr);
+    }
+
+    return acc;
+  }, []);
+  return deepOptions.filter(function (deepOption) {
+    return deepOption.title.toLowerCase().includes(value.toLowerCase());
+  });
+};
+export var makeSearchOptions = function makeSearchOptions(_ref) {
+  var options = _ref.options,
+      title = _ref.title,
+      noDataLabel = _ref.noDataLabel,
+      t = _ref.t;
+  return {
+    placeholderSearch: title || t('QualificationModal.title'),
+    noDataLabel: noDataLabel || t('QualificationModal.noDataLabel'),
+    onSearch: function onSearch(value) {
+      return searchOptionsFn(options, value);
+    }
+  };
+};

package/transpiled/react/QualificationModal/index.js

@@ -1,57 +1,20 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import { useClient } from 'cozy-client';
-import { themesList } from 'cozy-client/dist/models/document/documentTypeData';
-import { isQualificationNote } from 'cozy-client/dist/models/document/documentTypeDataHelpers';
-import { getBoundT } from 'cozy-client/dist/models/document/locales';
 import { isSupportedQualification } from 'cozy-client/dist/models/document/qualification';
+import { makeOptions, makeSearchOptions } from "cozy-ui/transpiled/react/QualificationModal/helpers";
 import { locales } from "cozy-ui/transpiled/react/QualificationModal/locales";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import FileTypeNoteIcon from "cozy-ui/transpiled/react/Icons/FileTypeNote";
 import NestedSelectResponsive from "cozy-ui/transpiled/react/NestedSelect/NestedSelectResponsive";
-import QualificationIconStack from "cozy-ui/transpiled/react/QualificationIconStack";
 import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
 
-var makeOptions = function makeOptions(lang) {
-  var qualifT = getBoundT(lang);
-  return {
-    children: [{
-      id: 'none',
-      title: qualifT('Scan.themes.none'),
-      icon: /*#__PURE__*/React.createElement(QualificationIconStack, null)
-    }].concat(_toConsumableArray(themesList.map(function (theme) {
-      return {
-        id: theme.id,
-        title: qualifT("Scan.themes.".concat(theme.label)),
-        icon: /*#__PURE__*/React.createElement(QualificationIconStack, {
-          theme: theme.label
-        }),
-        children: theme.items.map(function (item) {
-          return {
-            id: item.label,
-            item: item,
-            title: qualifT("Scan.items.".concat(item.label)),
-            icon: isQualificationNote(item) ? /*#__PURE__*/React.createElement(Icon, {
-              icon: FileTypeNoteIcon,
-              size: 64
-            }) : /*#__PURE__*/React.createElement(QualificationIconStack, {
-              qualification: item.label
-            })
-          };
-        })
-      };
-    })))
-  };
-};
-
 var QualificationModal = function QualificationModal(_ref) {
   var _file$metadata, _file$metadata$qualif;
 
   var file = _ref.file,
       title = _ref.title,
+      noDataLabel = _ref.noDataLabel,
       onClose = _ref.onClose;
   useExtendI18n(locales);
   var client = useClient();
@@ -64,6 +27,14 @@ var QualificationModal = function QualificationModal(_ref) {
   var options = useMemo(function () {
     return makeOptions(lang);
   }, [lang]);
+  var searchOptions = useMemo(function () {
+    return makeSearchOptions({
+      options: options,
+      title: title,
+      noDataLabel: noDataLabel,
+      t: t
+    });
+  }, [options, title, noDataLabel, t]);
 
   var isSelected = function isSelected(_ref2) {
     var id = _ref2.id,
@@ -108,11 +79,11 @@ var QualificationModal = function QualificationModal(_ref) {
   }();
 
   return /*#__PURE__*/React.createElement(NestedSelectResponsive, {
-    title: title || t('QualificationModal.title'),
     options: options,
     noDivider: true,
     document: file,
     isSelected: isSelected,
+    searchOptions: searchOptions,
     onSelect: handleClick,
     onClose: onClose
   });
@@ -121,6 +92,7 @@ var QualificationModal = function QualificationModal(_ref) {
 QualificationModal.propTypes = {
   file: PropTypes.object,
   title: PropTypes.string,
+  noDataLabel: PropTypes.string,
   onClose: PropTypes.func
 };
 export default QualificationModal;