cozy-search/dist/components/AssistantMobile.js

UI components about search bar and IA assistant

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.AssistantMobile = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _classnames = _interopRequireDefault(require("classnames"));

var _propTypes = _interopRequireDefault(require("prop-types"));

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 _useExtendI18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/useExtendI18n"));

var _locales = require("../locales");

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(_ref) {
  var componentsProps = _ref.componentsProps;
  var navigate = (0, _reactRouterDom.useNavigate)();

  var _useLocation = (0, _reactRouterDom.useLocation)(),
      pathname = _useLocation.pathname;

  (0, _useExtendI18n.default)(_locales.locales);
  return /*#__PURE__*/_react.default.createElement(_SearchBar.default, (0, _extends2.default)({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.SearchBar, {
    size: "medium",
    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
      className: (0, _classnames.default)('u-ml-1 u-mr-half', styles['search-bar-icon']),
      icon: _Magnifier.default,
      size: 16
    }),
    type: "button",
    onClick: function onClick() {
      return navigate("connected/search?returnPath=".concat(pathname));
    } // FIXME this route is related to home app

  }));
};

exports.AssistantMobile = AssistantMobile;
AssistantMobile.propTypes = {
  componentsProps: _propTypes.default.shape({
    SearchBar: _propTypes.default.shape({
      className: _propTypes.default.string
    })
  })
};
var _default = AssistantMobile;
exports.default = _default;