cozy-search 0.4.0 → 0.5.0

package/README.md

@@ -87,3 +87,17 @@ The search and assistant are dialogs. So you just need to create a route for eac
   }
 />
 ```
+
+### Opening AI conversation from a button
+
+You can also use the `AssistantLink` component to get an onClick method that opens the AI conversation from a button.
+
+```jsx
+import { AssistantLink } from 'cozy-search'
+
+<AssistantLink>
+  {({ openAssistant }) => (
+    <a onClick={openAssistant}>Open assistant</a>
+  )}
+</AssistantLink>
+```

package/dist/components/Conversations/ChatUserItem.js

@@ -30,7 +30,7 @@ var ChatUserItem = function ChatUserItem(_ref) {
     className: className,
     icon: /*#__PURE__*/_react.default.createElement(_Avatar.default, {
       text: (0, _contact.getInitials)(myself),
-      size: "small"
+      size: "s"
     }),
     name: (0, _contact.getDisplayName)(myself),
     label: label

package/dist/components/Conversations/ConversationBar.js

@@ -17,8 +17,6 @@ var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
-var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
-
 var _Paperplane = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Paperplane"));
 
 var _Stop = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Stop"));
@@ -113,34 +111,30 @@ var ConversationBar = function ConversationBar(_ref) {
           className: styles['conversationBar-input']
         },
         autoFocus: !isMobile,
-        endAdornment: assistantStatus !== 'idle' ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-          className: "u-p-half",
-          onClick: handleStop
-        }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+        endAdornment: assistantStatus !== 'idle' ? /*#__PURE__*/_react.default.createElement(_Buttons.default, {
           component: "div",
-          className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle",
+          className: "u-miw-auto u-mih-auto u-w-2 u-h-2 u-bdrs-circle u-p-1 u-mr-1",
           classes: {
             label: 'u-flex u-w-auto'
           },
           label: /*#__PURE__*/_react.default.createElement(_Icon.default, {
             icon: _Stop.default,
             size: 12
-          })
-        })) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-          className: "u-p-half",
-          disabled: !inputValue,
-          onClick: handleClick
-        }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+          }),
+          onClick: handleStop
+        }) : /*#__PURE__*/_react.default.createElement(_Buttons.default, {
           component: "div",
-          className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle",
+          className: "u-miw-auto u-mih-auto u-w-2 u-h-2 u-bdrs-circle u-p-1 u-mr-1",
           classes: {
             label: 'u-flex u-w-auto'
           },
           label: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-            icon: _Paperplane.default
+            icon: _Paperplane.default,
+            size: 12
           }),
-          disabled: !inputValue
-        })),
+          disabled: !inputValue,
+          onClick: handleClick
+        }),
         onKeyDown: function onKeyDown(ev) {
           if (!isMobile) {
             if (ev.shiftKey && ev.key === 'Enter') {

package/dist/components/Search/AssistantLink.d.ts

@@ -0,0 +1,4 @@
+export default AssistantLinkWrapper;
+declare function AssistantLinkWrapper({ children }: {
+    children: any;
+}): JSX.Element;

package/dist/components/Search/AssistantLink.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _AssistantProvider = _interopRequireWildcard(require("../AssistantProvider"));
+
+var _helpers = require("../helpers");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var AssistantLink = function AssistantLink(_ref) {
+  var children = _ref.children;
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      onAssistantExecute = _useAssistant.onAssistantExecute;
+
+  var navigate = (0, _reactRouterDom.useNavigate)();
+
+  var openAssistant = function openAssistant() {
+    if (!(0, _helpers.isAssistantEnabled)()) return;
+    var conversationId = (0, _helpers.makeConversationId)();
+    onAssistantExecute({
+      value: '',
+      conversationId: conversationId
+    });
+    navigate("assistant/".concat(conversationId));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_AssistantProvider.default, null, children({
+    openAssistant: openAssistant
+  }));
+};
+
+var AssistantLinkWrapper = function AssistantLinkWrapper(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement(_AssistantProvider.default, null, /*#__PURE__*/_react.default.createElement(AssistantLink, null, children));
+};
+
+var _default = AssistantLinkWrapper;
+exports.default = _default;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as AssistantLink } from './components/Search/AssistantLink';
 export { default as AssistantDesktop } from './components/AssistantDesktop';
 export { default as AssistantMobile } from './components/AssistantMobile';
 export { default as AssistantDialog } from './components/Views/AssistantDialog';

package/dist/index.js

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "AssistantDialog", {
     return _AssistantDialog.default;
   }
 });
+Object.defineProperty(exports, "AssistantLink", {
+  enumerable: true,
+  get: function get() {
+    return _AssistantLink.default;
+  }
+});
 Object.defineProperty(exports, "AssistantMobile", {
   enumerable: true,
   get: function get() {
@@ -30,6 +36,8 @@ Object.defineProperty(exports, "SearchDialog", {
   }
 });
 
+var _AssistantLink = _interopRequireDefault(require("./components/Search/AssistantLink"));
+
 var _AssistantDesktop = _interopRequireDefault(require("./components/AssistantDesktop"));
 
 var _AssistantMobile = _interopRequireDefault(require("./components/AssistantMobile"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -87,5 +87,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "65814cf1789101b9b9bf84575810dc26eb05d8c4"
+  "gitHead": "5795e0e827a29ab23fe960d76fd75b63f77be304"
 }