cozy-search 0.1.0 → 0.3.0

package/dist/components/AssistantDesktop.d.ts

@@ -6,9 +6,10 @@ declare namespace AssistantDesktop {
     namespace propTypes {
         let componentsProps: PropTypes.Requireable<PropTypes.InferProps<{
             SearchBarDesktop: PropTypes.Requireable<PropTypes.InferProps<{
-                elevation: PropTypes.Requireable<boolean>;
+                elevation: PropTypes.Requireable<number>;
                 size: PropTypes.Requireable<string>;
                 hasHalfBorderRadius: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
             }>>;
         }>>;
     }

package/dist/components/AssistantDesktop.js

@@ -34,9 +34,10 @@ var AssistantDesktop = function AssistantDesktop(_ref) {
 AssistantDesktop.propTypes = {
   componentsProps: _propTypes.default.shape({
     SearchBarDesktop: _propTypes.default.shape({
-      elevation: _propTypes.default.bool,
+      elevation: _propTypes.default.number,
       size: _propTypes.default.string,
-      hasHalfBorderRadius: _propTypes.default.bool
+      hasHalfBorderRadius: _propTypes.default.bool,
+      className: _propTypes.default.string
     })
   })
 };

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

@@ -1,15 +1,16 @@
 export default SearchBarDesktop;
-declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, hasHalfBorderRadius }: {
+declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, hasHalfBorderRadius, className }: {
     value: any;
     onClear: any;
     onChange: any;
     elevation: any;
     size: any;
     hasHalfBorderRadius: any;
+    className: any;
 }): JSX.Element;
 declare namespace SearchBarDesktop {
     namespace defaultProps {
         let size: string;
-        let elevation: boolean;
+        let elevation: number;
     }
 }

package/dist/components/Search/SearchBarDesktop.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactRouterDom = require("react-router-dom");
@@ -15,8 +17,12 @@ var _ClickAwayListener = _interopRequireDefault(require("cozy-ui/transpiled/reac
 
 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 _SearchProvider = require("./SearchProvider");
@@ -44,7 +50,8 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
       onChange = _ref.onChange,
       elevation = _ref.elevation,
       size = _ref.size,
-      hasHalfBorderRadius = _ref.hasHalfBorderRadius;
+      hasHalfBorderRadius = _ref.hasHalfBorderRadius,
+      className = _ref.className;
 
   var _useI18n = (0, _I18n.useI18n)(),
       t = _useI18n.t;
@@ -129,17 +136,17 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
     onClickAway: onClear
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_SearchBar.default, {
     elevation: elevation,
-    className: searchValue && hasHalfBorderRadius ? styles['searchBarDesktop--result'] : '',
+    className: (0, _classnames.default)(className, searchValue && hasHalfBorderRadius ? styles['searchBarDesktop--result'] : ''),
     ref: searchRef,
     size: size,
     icon: size === 'large' ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
       className: "u-mh-1",
-      icon: _AssistantIcon.AssistantIcon,
-      size: 32
+      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",
-      icon: _AssistantIcon.AssistantIcon,
-      size: 24
+      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
     ,
@@ -161,7 +168,7 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
 
 SearchBarDesktop.defaultProps = {
   size: 'large',
-  elevation: false
+  elevation: 0
 };
 var _default = SearchBarDesktop;
 exports.default = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -33,7 +33,7 @@
     "cozy-minilog": "^3.10.0",
     "cozy-pouch-link": "^54.0.0",
     "cozy-realtime": "^5.6.4",
-    "cozy-ui": "^111.19.0",
+    "cozy-ui": "^122.0.0",
     "cross-fetch": "^4.0.0",
     "jest": "26.6.3",
     "react": "16.12.0",
@@ -65,7 +65,7 @@
     "cozy-minilog": ">=3.3.1",
     "cozy-pouch-link": "54.0.0",
     "cozy-realtime": ">=5.6.4",
-    "cozy-ui": ">=111.19.0",
+    "cozy-ui": ">=122.0.0",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0",
     "react-router-dom": "^6.28.0"
@@ -87,5 +87,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "e549fc8843a6b090ea5cf53a8695bf70a953ffce"
+  "gitHead": "a55e06271c52f164be6d3e53a18440cd1352a471"
 }