cozy-search 0.3.0 → 0.4.0

package/dist/components/AssistantDesktop.d.ts

@@ -10,6 +10,7 @@ declare namespace AssistantDesktop {
                 size: PropTypes.Requireable<string>;
                 hasHalfBorderRadius: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
+                disabledHover: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
     }

package/dist/components/AssistantDesktop.js

@@ -37,7 +37,8 @@ AssistantDesktop.propTypes = {
       elevation: _propTypes.default.number,
       size: _propTypes.default.string,
       hasHalfBorderRadius: _propTypes.default.bool,
-      className: _propTypes.default.string
+      className: _propTypes.default.string,
+      disabledHover: _propTypes.default.bool
     })
   })
 };

package/dist/components/AssistantIcon/TwakeAssistantIcon.d.ts

@@ -0,0 +1 @@
+export function TwakeAssistantIcon(props: any): JSX.Element;

package/dist/components/AssistantIcon/TwakeAssistantIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TwakeAssistantIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var TwakeAssistantIcon = function TwakeAssistantIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 22 22",
+    fill: "none"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.094.305a1.5 1.5 0 012.351.79l.005.02 1.581 6.135a1 1 0 00.718.719l6.136 1.58.016.005a1.5 1.5 0 010 2.892l-.016.004-6.135 1.581a1 1 0 00-.719.719l-1.582 6.135-.005.02a1.5 1.5 0 01-2.889 0l-.005-.02-1.581-6.135a1.001 1.001 0 00-.719-.719L1.115 12.45l-.023-.006a1.5 1.5 0 010-2.886l.023-.006L7.25 7.968a1 1 0 00.719-.718L9.55 1.115l.005-.02a1.5 1.5 0 01.538-.79zM11 3.503l1.095 4.247a3.002 3.002 0 002.155 2.155L18.498 11l-4.248 1.095a3.001 3.001 0 00-2.155 2.155L11 18.497 9.905 14.25a3 3 0 00-2.155-2.156L3.504 11 7.75 9.904A3 3 0 009.905 7.75L11 3.503zM19 1a1 1 0 011 1v1h1a1 1 0 110 2h-1v1a1 1 0 11-2 0V5h-1a1 1 0 110-2h1V2a1 1 0 011-1zM3 15a1 1 0 011 1 1 1 0 110 2 1 1 0 11-2 0 1 1 0 110-2 1 1 0 011-1z"
+  }));
+};
+
+exports.TwakeAssistantIcon = TwakeAssistantIcon;

package/dist/components/AssistantMobile.js

@@ -7,21 +7,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AssistantMobile = void 0;
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactRouterDom = require("react-router-dom");
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
+var _Magnifier = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Magnifier"));
+
 var _SearchBar = _interopRequireDefault(require("cozy-ui/transpiled/react/SearchBar"));
 
+var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _useExtendI18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/useExtendI18n"));
 
+var _locales = require("../locales");
+
 var _AssistantIcon = require("./AssistantIcon/AssistantIcon");
 
-var _locales = require("../locales");
+var _helpers = require("./helpers");
+
+var styles = {
+  "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
+  "search-bar-icon": "styles__search-bar-icon___1affF"
+};
 
 var AssistantMobile = function AssistantMobile() {
   var _useI18n = (0, _I18n.useI18n)(),
@@ -32,12 +46,13 @@ var AssistantMobile = function AssistantMobile() {
   return /*#__PURE__*/_react.default.createElement(_SearchBar.default, {
     size: "medium",
     icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      className: "u-ml-1 u-mr-half",
-      icon: _AssistantIcon.AssistantIcon,
-      size: 24
+      className: (0, _classnames.default)('u-ml-1 u-mr-half', (0, _isTwakeTheme.isTwakeTheme)() ? styles['search-bar-icon'] : undefined),
+      icon: (0, _isTwakeTheme.isTwakeTheme)() ? _Magnifier.default : _AssistantIcon.AssistantIcon,
+      size: (0, _isTwakeTheme.isTwakeTheme)() ? 16 : 24
     }),
     type: "button",
-    label: t('assistant.search.placeholder'),
+    label: (0, _helpers.isAssistantEnabled)() ? t('assistant.search.placeholder') : undefined // fallback on SearchBar default
+    ,
     onClick: function onClick() {
       return navigate('connected/search');
     } // FIXME this route is related to home app

package/dist/components/Conversations/ChatAssistantItem.js

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
+var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _ChatItem = _interopRequireDefault(require("./ChatItem"));
@@ -23,6 +25,8 @@ var _Sources = _interopRequireDefault(require("./Sources/Sources"));
 
 var _AssistantIcon = require("../AssistantIcon/AssistantIcon");
 
+var _TwakeAssistantIcon = require("../AssistantIcon/TwakeAssistantIcon");
+
 var _excluded = ["label", "className", "id", "sources"];
 
 var ChatAssistantItem = function ChatAssistantItem(_ref) {
@@ -39,10 +43,14 @@ var ChatAssistantItem = function ChatAssistantItem(_ref) {
     label: label,
     className: className,
     icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _AssistantIcon.AssistantIcon,
-      size: 32
+      icon: (0, _isTwakeTheme.isTwakeTheme)() ? _TwakeAssistantIcon.TwakeAssistantIcon : _AssistantIcon.AssistantIcon,
+      size: (0, _isTwakeTheme.isTwakeTheme)() ? 24 : 32,
+      className: (0, _isTwakeTheme.isTwakeTheme)() ? 'u-mh-half' : undefined,
+      color: "var(--primaryColor)"
     }),
-    name: t('assistant.name')
+    name: t('assistant.name', {
+      name: (0, _isTwakeTheme.isTwakeTheme)() ? 'Twake' : 'Cozy'
+    })
   })), (sources === null || sources === void 0 ? void 0 : sources.length) > 0 && /*#__PURE__*/_react.default.createElement(_Sources.default, {
     messageId: id,
     sources: sources

package/dist/components/ResultMenu/ResultMenuContent.js

@@ -21,6 +21,8 @@ var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
 
 var _ListItemSkeleton = _interopRequireDefault(require("cozy-ui/transpiled/react/Skeletons/ListItemSkeleton"));
 
+var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
+
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
@@ -98,7 +100,7 @@ var ResultMenuContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
 
   return /*#__PURE__*/_react.default.createElement(_List.default, {
     ref: ref
-  }, (0, _helpers.isAssistantEnabled)() && /*#__PURE__*/_react.default.createElement(_ResultMenuItem.default, {
+  }, (0, _helpers.isAssistantEnabled)() && !(0, _isTwakeTheme.isTwakeTheme)() && /*#__PURE__*/_react.default.createElement(_ResultMenuItem.default, {
     icon: /*#__PURE__*/_react.default.createElement(_Circle.default, {
       size: "small"
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, {

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

@@ -0,0 +1,4 @@
+export function AssistantButton({ onClick, size }: {
+    onClick: any;
+    size: any;
+}): JSX.Element;

package/dist/components/Search/AssistantButton.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssistantButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _InputAdornment = _interopRequireDefault(require("cozy-ui/transpiled/react/InputAdornment"));
+
+var _TwakeAssistantIcon = require("../AssistantIcon/TwakeAssistantIcon");
+
+var AssistantButton = function AssistantButton(_ref) {
+  var onClick = _ref.onClick,
+      size = _ref.size;
+  return /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+    position: "end",
+    className: "u-mr-half"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    onClick: onClick,
+    size: "small",
+    color: "primary"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _TwakeAssistantIcon.TwakeAssistantIcon,
+    size: size === 'medium' ? 24 : 16
+  })));
+};
+
+exports.AssistantButton = AssistantButton;

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

@@ -1,5 +1,5 @@
 export default SearchBarDesktop;
-declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, hasHalfBorderRadius, className }: {
+declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, hasHalfBorderRadius, className, disabledHover }: {
     value: any;
     onClear: any;
     onChange: any;
@@ -7,6 +7,7 @@ declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, h
     size: any;
     hasHalfBorderRadius: any;
     className: any;
+    disabledHover: any;
 }): JSX.Element;
 declare namespace SearchBarDesktop {
     namespace defaultProps {

package/dist/components/Search/SearchBarDesktop.js

@@ -25,6 +25,8 @@ var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
 
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
+var _AssistantButton = require("./AssistantButton");
+
 var _SearchProvider = require("./SearchProvider");
 
 var _AssistantIcon = require("../AssistantIcon/AssistantIcon");
@@ -41,7 +43,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
-  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv"
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
+  "search-bar-icon": "styles__search-bar-icon___1affF"
 };
 
 var SearchBarDesktop = function SearchBarDesktop(_ref) {
@@ -51,7 +54,8 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
       elevation = _ref.elevation,
       size = _ref.size,
       hasHalfBorderRadius = _ref.hasHalfBorderRadius,
-      className = _ref.className;
+      className = _ref.className,
+      disabledHover = _ref.disabledHover;
 
   var _useI18n = (0, _I18n.useI18n)(),
       t = _useI18n.t;
@@ -140,24 +144,29 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
     ref: searchRef,
     size: size,
     icon: size === 'large' ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      className: "u-mh-1",
+      className: (0, _classnames.default)('u-mh-1', (0, _isTwakeTheme.isTwakeTheme)() ? styles['search-bar-icon'] : undefined),
       icon: (0, _isTwakeTheme.isTwakeTheme)() ? _Magnifier.default : _AssistantIcon.AssistantIcon,
       size: (0, _isTwakeTheme.isTwakeTheme)() ? 24 : 32
     }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      className: "u-ml-1 u-mr-half",
+      className: (0, _classnames.default)('u-ml-1 u-mr-half', (0, _isTwakeTheme.isTwakeTheme)() ? styles['search-bar-icon'] : undefined),
       icon: (0, _isTwakeTheme.isTwakeTheme)() ? _Magnifier.default : _AssistantIcon.AssistantIcon,
       size: (0, _isTwakeTheme.isTwakeTheme)() ? 16 : 24
     }),
-    placeholder: (0, _helpers.isAssistantEnabled)() ? t('assistant.search.placeholder') : undefined // fallback on SearchBar default
+    placeholder: (0, _helpers.isAssistantEnabled)() && !(0, _isTwakeTheme.isTwakeTheme)() ? t('assistant.search.placeholder') : undefined // fallback on SearchBar default
     ,
     value: value,
     componentsProps: {
       inputBase: {
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        endAdornment: (0, _helpers.isAssistantEnabled)() && (0, _isTwakeTheme.isTwakeTheme)() ? /*#__PURE__*/_react.default.createElement(_AssistantButton.AssistantButton, {
+          onClick: handleClick,
+          size: size
+        }) : undefined
       }
     },
     disabledClear: true,
     disabledFocus: value !== '',
+    disabledHover: disabledHover,
     onChange: onChange
   }), searchValue && /*#__PURE__*/_react.default.createElement(_ResultMenu.default, {
     listRef: listRef,

package/dist/components/Search/SuggestionsPlaceholder.js

@@ -25,7 +25,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
-  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv"
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
+  "search-bar-icon": "styles__search-bar-icon___1affF"
 };
 
 var SuggestionsPlaceholder = function SuggestionsPlaceholder() {

package/dist/components/Search/styles.styl

@@ -5,3 +5,6 @@
     position absolute
     opacity 0.42
     pointer-events none
+
+.search-bar-icon
+    opacity 0.42

package/dist/locales/en.json

@@ -10,7 +10,7 @@
     "dialog": {
       "close": "Close"
     },
-    "name": "Cozy Assistant",
+    "name": "%{name} Assistant",
     "sources": "%{smart_count} source |||| %{smart_count} sources",
     "suggestions": {
       "find_file": "Search a file",

package/dist/locales/fr.json

@@ -10,7 +10,7 @@
     "dialog": {
       "close": "Fermer"
     },
-    "name": "Assistant Cozy",
+    "name": "Assistant %{name}",
     "sources": "%{smart_count} source |||| %{smart_count} sources",
     "suggestions": {
       "find_file": "Rechercher un fichier",

package/dist/locales/index.js

@@ -16,7 +16,7 @@ var en = {
     dialog: {
       close: "Close"
     },
-    name: "Cozy Assistant",
+    name: "%{name} Assistant",
     sources: "%{smart_count} source |||| %{smart_count} sources",
     suggestions: {
       find_file: "Search a file",
@@ -37,7 +37,7 @@ var fr = {
     dialog: {
       close: "Fermer"
     },
-    name: "Assistant Cozy",
+    name: "Assistant %{name}",
     sources: "%{smart_count} source |||| %{smart_count} sources",
     suggestions: {
       find_file: "Rechercher un fichier",

package/dist/stylesheet.css

@@ -1,5 +1,18 @@
 /*  imported from styles.styl  */
 
+.styles__searchBarDesktop--result___2bQQy {
+  border-radius: 28px 28px 0 0 !important;
+}
+.styles__suggestionsPlaceholder___y-vsv {
+  position: absolute;
+  opacity: 0.42;
+  pointer-events: none;
+}
+.styles__search-bar-icon___1affF {
+  opacity: 0.42;
+}
+/*  imported from styles.styl  */
+
 .styles__conversationBar___2J-Us {
   max-height: 95px;
   min-height: 48px;
@@ -36,13 +49,3 @@
   max-height: 16.5rem;
   overflow: auto;
 }
-/*  imported from styles.styl  */
-
-.styles__searchBarDesktop--result___2bQQy {
-  border-radius: 28px 28px 0 0 !important;
-}
-.styles__suggestionsPlaceholder___y-vsv {
-  position: absolute;
-  opacity: 0.42;
-  pointer-events: none;
-}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "0.3.0",
+  "version": "0.4.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": "a55e06271c52f164be6d3e53a18440cd1352a471"
+  "gitHead": "65814cf1789101b9b9bf84575810dc26eb05d8c4"
 }