cozy-bar 19.1.0 → 20.0.0

package/README.md

@@ -98,9 +98,9 @@ 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
 
-Search and AI assistant is now proposed by the cozy-bar. To enable it, you need to : 
+Search and AI assistant is now proposed by the cozy-bar. They are enabled by default so you need to:
 
 1. Setup the search
 
@@ -109,13 +109,7 @@ In the app using the cozy-bar :
 - 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
+2. Add the routes
 
 These routes allow to display the search and AI assistant dialogs.
 
@@ -130,6 +124,12 @@ import { BarRoutes } from 'cozy-bar'
 </Routes>
 ```
 
+3. You can still disabled the search
+
+```jsx
+`<BarComponent searchOptions={{ enabled: false }} />`
+```
+
 ## Change theme bar
 
 It's possible to update theme on the cozy-bar with `setTheme` function using the bar context

package/dist/components/AppsMenu/AppsMenuContent.js

@@ -17,7 +17,8 @@ var _reducers = require("../../lib/reducers");
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
-  "apps-menu-grid-item": "apps-menu-grid-item"
+  "apps-menu-grid-item": "apps-menu-grid-item",
+  "apps-menu-grid-item-icon": "apps-menu-grid-item-icon"
 };
 var sorter = function sorter(fn) {
   return function (itemA, itemB) {

package/dist/components/AppsMenu/components/AppItem.js

@@ -18,7 +18,8 @@ var _stack = _interopRequireDefault(require("../../../lib/stack"));
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
-  "apps-menu-grid-item": "apps-menu-grid-item"
+  "apps-menu-grid-item": "apps-menu-grid-item",
+  "apps-menu-grid-item-icon": "apps-menu-grid-item-icon"
 };
 var AppItem = exports.AppItem = function AppItem(_ref) {
   var app = _ref.app;
@@ -39,13 +40,14 @@ var AppItem = exports.AppItem = function AppItem(_ref) {
       className: (0, _classnames.default)(styles['apps-menu-grid-item-wrapper'], 'u-bdrs-5'),
       label: /*#__PURE__*/_react.default.createElement("div", {
         className: styles['apps-menu-grid-item']
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles['apps-menu-grid-item-icon']
       }, /*#__PURE__*/_react.default.createElement(_AppIcon.default, (0, _extends2.default)({
         app: app,
         key: app.slug
-      }, _stack.default.get.iconProps())), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      }, _stack.default.get.iconProps()))), /*#__PURE__*/_react.default.createElement(_Typography.default, {
         variant: "subtitle1",
-        noWrap: true,
-        className: "u-mt-half"
+        noWrap: true
       }, appName))
     });
   });

package/dist/components/BarComponent.js

@@ -86,7 +86,7 @@ var BarComponent = exports.BarComponent = function BarComponent(_ref2) {
     disableInternalStore = _ref2$disableInternal === void 0 ? false : _ref2$disableInternal,
     _ref2$searchOptions = _ref2.searchOptions,
     searchOptions = _ref2$searchOptions === void 0 ? {
-      enabled: false
+      enabled: true
     } : _ref2$searchOptions,
     _ref2$componentsProps = _ref2.componentsProps,
     componentsProps = _ref2$componentsProps === void 0 ? {} : _ref2$componentsProps;

package/dist/index.js

@@ -71,4 +71,4 @@ var _BarProvider = _interopRequireDefault(require("./components/BarProvider"));
 var _reducers = require("./lib/reducers");
 /* global __VERSION__ */
 
-var version = exports.version = "\"19.1.0\"";
+var version = exports.version = "\"20.0.0\"";

package/dist/styles/apps-menu.styl

@@ -4,21 +4,32 @@
     display flex
     flex-wrap wrap
     width 100%
-    box-sizing border-box
 
     +desktop()
-        padding-left .5rem
-        padding-right .5rem
+        width 15rem
+        margin-left .5rem
+        margin-right .5rem
   
 .apps-menu-grid-item-wrapper
     width 33%
     aspect-ratio 1 // @stylint ignore Property is valid but unknown by stylint which is old and should be replaced
 
+    +desktop()
+        width 5rem
+        height 5rem
+
 .apps-menu-grid-item
     display flex
     flex-direction column
     justify-content center
     align-items center
     text-decoration none
+    gap .2rem // @stylint ignore Property is valid but unknown by stylint which is old and should be replaced
+    width 100%
+
+.apps-menu-grid-item-icon
     width 60%
-    min-width 48px
+
+    +desktop()
+        width 2.625rem
+        height 2.625rem

package/dist/stylesheet.css

@@ -4,26 +4,41 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  box-sizing: border-box;
 }
 @media (min-width: 64rem) {
   .apps-menu-grid {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
+    width: 15rem;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
   }
 }
 .apps-menu-grid-item-wrapper {
   width: 33%;
   aspect-ratio: 1;
 }
+@media (min-width: 64rem) {
+  .apps-menu-grid-item-wrapper {
+    width: 5rem;
+    height: 5rem;
+  }
+}
 .apps-menu-grid-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-decoration: none;
+  gap: 0.2rem;
+  width: 100%;
+}
+.apps-menu-grid-item-icon {
   width: 60%;
-  min-width: 48px;
+}
+@media (min-width: 64rem) {
+  .apps-menu-grid-item-icon {
+    width: 2.625rem;
+    height: 2.625rem;
+  }
 }
 /*  imported from user-menu.styl  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "19.1.0",
+  "version": "20.0.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/)",
@@ -50,6 +50,7 @@
     "cozy-interapp": "0.4.9",
     "cozy-logger": "1.9.1",
     "cozy-realtime": "^4.0.5",
+    "cozy-search": "^0.4.0",
     "cozy-ui": "^122.0.1",
     "eslint-config-cozy-app": "2.0.0",
     "identity-obj-proxy": "3.0.0",
@@ -64,7 +65,6 @@
     "stylus-config-cozy-app": "^0.1.0"
   },
   "dependencies": {
-    "cozy-search": "0.3.0",
     "hammerjs": "2.0.8",
     "lodash.debounce": "4.0.8",
     "lodash.set": "^4.3.2",
@@ -85,6 +85,7 @@
     "cozy-intent": ">=2.29.1",
     "cozy-interapp": ">=0.4.9",
     "cozy-realtime": ">=4.0.5",
+    "cozy-search": ">=0.4.0",
     "cozy-ui": ">=122.0.1",
     "react": ">=16.10.1",
     "react-dom": ">=16.10.1",