cozy-bar 16.1.0 → 17.1.0

package/README.md

@@ -89,6 +89,38 @@ You also need to disable the internal store onto the `BarComponent` with the pro
 <BarComponent disableInternalStore />
 ```
 
+## Enable search and AI assistant
+
+Search and AI assistant is now proposed by the cozy-bar. To enable it, you need to : 
+
+1. Setup the search
+
+In the app using the cozy-bar :
+- cozy-dataproxy-lib must be installed
+- DataProxyProvider must be added before BarProvider
+- If you want to use the AI assistant, you need to add [the following permissions](https://github.com/cozy/cozy-libs/tree/master/packages/cozy-search#prerequisite-for-ai-components)
+
+2. Enable the search
+
+```jsx
+`<BarComponent searchOptions={{ enabled: true }} />`
+```
+
+3. Add the routes
+
+These routes allow to display the search and AI assistant dialogs.
+
+```jsx
+import { BarRoutes } from 'cozy-bar'
+
+<Routes>
+  // Your routes
+  // ...
+
+  {BarRoutes.map(BarRoute => BarRoute)}
+</Routes>
+```
+
 ## Change theme bar
 
 It's possible to update theme on the cozy-bar with `setTheme` function using the bar context

package/dist/components/Bar.js

@@ -43,6 +43,10 @@ var _useI18n2 = _interopRequireDefault(require("./useI18n"));
 
 var _cozyClient = require("cozy-client");
 
+var _cozySearch = require("cozy-search");
+
+var _SearchButton = _interopRequireDefault(require("./Search/SearchButton"));
+
 /* Generated with node_modules/.bin/svgr src/assets/sprites/icon-apps.svg */
 function SvgIconApps(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
@@ -66,6 +70,7 @@ var Bar = function Bar(_ref) {
       barSearch = _ref.barSearch,
       onLogOut = _ref.onLogOut,
       userActionRequired = _ref.userActionRequired,
+      searchOptions = _ref.searchOptions,
       isInvertedTheme = _ref.isInvertedTheme,
       appName = _ref.appName,
       appNamePrefix = _ref.appNamePrefix,
@@ -159,6 +164,18 @@ var Bar = function Bar(_ref) {
     }) : null;
   };
 
+  var renderSearch = function renderSearch() {
+    return searchOptions.enabled && !isMobile ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "u-flex-grow u-mh-2"
+    }, /*#__PURE__*/_react.default.createElement(_cozySearch.AssistantDesktop, {
+      componentsProps: {
+        SearchBarDesktop: {
+          size: 'small'
+        }
+      }
+    })) : null;
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "coz-bar-wrapper",
     "data-testid": "coz-bar-wrapper"
@@ -168,7 +185,7 @@ var Bar = function Bar(_ref) {
     className: "coz-bar-container"
   }, barLeft || renderLeft(), barCenter || renderCenter(), /*#__PURE__*/_react.default.createElement("div", {
     className: "u-flex-grow"
-  }, barSearch), barRight || renderRight(), showDrawerAndBurger ? /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+  }, barSearch || renderSearch()), searchOptions.enabled && isMobile ? /*#__PURE__*/_react.default.createElement(_SearchButton.default, null) : null, barRight || renderRight(), showDrawerAndBurger ? /*#__PURE__*/_react.default.createElement(_Drawer.default, {
     visible: drawerVisible,
     onClose: toggleDrawer,
     drawerListener: function drawerListener() {

package/dist/components/Bar.spec.jsx

@@ -73,6 +73,7 @@ describe('Bar', () => {
           isPublic={isPublic}
           hasFetchedApps={hasFetchedApps}
           onDrawer={jest.fn()}
+          searchOptions={{ enabled: false }}
         />
       </BarLike>
     )

package/dist/components/BarComponent.js

@@ -102,7 +102,11 @@ var BarComponent = function BarComponent(_ref2) {
       isPublic = _ref2$isPublic === void 0 ? false : _ref2$isPublic,
       onLogOut = _ref2.onLogOut,
       _ref2$disableInternal = _ref2.disableInternalStore,
-      disableInternalStore = _ref2$disableInternal === void 0 ? false : _ref2$disableInternal;
+      disableInternalStore = _ref2$disableInternal === void 0 ? false : _ref2$disableInternal,
+      _ref2$searchOptions = _ref2.searchOptions,
+      searchOptions = _ref2$searchOptions === void 0 ? {
+    enabled: false
+  } : _ref2$searchOptions;
   var barContext = (0, _BarProvider.useBarContext)();
 
   var _ref3 = barContext || {},
@@ -154,6 +158,7 @@ var BarComponent = function BarComponent(_ref2) {
     isPublic: isPublicForce || isPublic,
     onLogOut: onLogOut,
     userActionRequired: (0, _dom.getUserActionRequired)(),
+    searchOptions: searchOptions,
     onDrawer: function onDrawer(visible) {
       wrapperElement.dataset.visible = visible;
     }

package/dist/components/BarRoutes.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BarRoutes = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _cozySearch = require("cozy-search");
+
+var _reactRouterDom = require("react-router-dom");
+
+var BarRoutes = [/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+  key: "assistant/:conversationId",
+  path: "assistant/:conversationId",
+  element: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cozyClient.RealTimeQueries, {
+    doctype: "io.cozy.ai.chat.conversations"
+  }), /*#__PURE__*/_react.default.createElement(_cozySearch.AssistantDialog, null))
+}), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+  key: "search",
+  path: "search",
+  element: /*#__PURE__*/_react.default.createElement(_cozySearch.SearchDialog, null)
+})];
+exports.BarRoutes = BarRoutes;

package/dist/components/Search/SearchButton.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Magnifier = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Magnifier"));
+
+var SearchButton = function SearchButton() {
+  var navigate = (0, _reactRouterDom.useNavigate)();
+
+  var _useLocation = (0, _reactRouterDom.useLocation)(),
+      pathname = _useLocation.pathname;
+
+  var goToSearch = (0, _react.useCallback)(function () {
+    navigate("/search?returnPath=".concat(pathname));
+  }, [navigate, pathname]);
+  return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    onClick: goToSearch
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Magnifier.default
+  }));
+};
+
+var _default = SearchButton;
+exports.default = _default;

package/dist/index.js

@@ -41,6 +41,12 @@ Object.defineProperty(exports, "BarSearch", {
     return _BarSearch.BarSearch;
   }
 });
+Object.defineProperty(exports, "BarRoutes", {
+  enumerable: true,
+  get: function get() {
+    return _BarRoutes.BarRoutes;
+  }
+});
 Object.defineProperty(exports, "BarProvider", {
   enumerable: true,
   get: function get() {
@@ -55,6 +61,8 @@ Object.defineProperty(exports, "barReducers", {
 });
 exports.version = void 0;
 
+require("cozy-search/dist/stylesheet.css");
+
 var _BarComponent = require("./components/BarComponent");
 
 var _BarLeft = require("./components/BarLeft");
@@ -67,10 +75,12 @@ var _BarTheme = require("./components/BarTheme");
 
 var _BarSearch = require("./components/BarSearch");
 
+var _BarRoutes = require("./components/BarRoutes");
+
 var _BarProvider = _interopRequireDefault(require("./components/BarProvider"));
 
 var _reducers = require("./lib/reducers");
 
 /* global __VERSION__ */
-var version = "\"16.1.0\"";
+var version = "\"17.1.0\"";
 exports.version = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "16.1.0",
+  "version": "17.1.0",
   "description": "cozy-bar.js library, a small lib provided by cozy-stack to inject the Cozy-bar component into each app",
   "main": "dist/index.js",
   "author": "Cozy Cloud <contact@cozycloud.cc> (https://cozy.io/)",
@@ -25,7 +25,6 @@
     "prewatch": "npm-run-all clean",
     "tx": "tx pull --all || true",
     "test": "jest",
-    "travis-deploy-once": "travis-deploy-once",
     "start": "yarn build --watch"
   },
   "devDependencies": {
@@ -43,6 +42,7 @@
     "babel-plugin-transform-define": "^2.0.0",
     "babel-preset-cozy-app": "^1.9.0",
     "cozy-client": "^51.1.0",
+    "cozy-dataproxy-lib": "^4.1.0",
     "cozy-device-helper": "2.6.0",
     "cozy-flags": "^4.6.1",
     "cozy-intent": "^2.29.1",
@@ -56,10 +56,12 @@
     "npm-run-all": "4.1.5",
     "react": "16.10.1",
     "react-dom": "16.10.1",
+    "react-router-dom": "6.14.2",
     "semantic-release": "15.13.24",
     "stylus": "0.57.0"
   },
   "dependencies": {
+    "cozy-search": "0.1.0",
     "hammerjs": "2.0.8",
     "lodash.debounce": "4.0.8",
     "lodash.set": "^4.3.2",
@@ -74,6 +76,7 @@
   "peerDependencies": {
     "@cozy/minilog": ">=1.0.0",
     "cozy-client": ">=51.1.0",
+    "cozy-dataproxy-lib": ">=4.1.0",
     "cozy-device-helper": ">=2.6.0",
     "cozy-flags": ">=4.6.1",
     "cozy-intent": ">=2.29.1",
@@ -81,6 +84,7 @@
     "cozy-realtime": ">=4.0.5",
     "cozy-ui": ">=111.12.0",
     "react": ">=16.10.1",
-    "react-dom": ">=16.10.1"
+    "react-dom": ">=16.10.1",
+    "react-router-dom": ">=6.14.2"
   }
 }