cozy-search/dist/components/Search/SearchBarMobile.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 = void 0;

var _react = _interopRequireDefault(require("react"));

var _SearchBar = _interopRequireDefault(require("cozy-ui/transpiled/react/SearchBar"));

var styles = {
  "composerContainer": "styles__composerContainer___3bNfY",
  "composerActions": "styles__composerActions___2xQEH",
  "conversationBar": "styles__conversationBar___2J-Us",
  "conversationBar--mobile": "styles__conversationBar--mobile___1jdg8",
  "conversationViewport": "styles__conversationViewport___24jYX",
  "conversationBar-input": "styles__conversationBar-input___2DfdZ",
  "chatConversation": "styles__chatConversation___2EmkA",
  "conversationHeaderBar": "styles__conversationHeaderBar___C8tlD",
  "conversationList": "styles__conversationList___2GCzV",
  "conversationList--container": "styles__conversationList--container___2xRAG",
  "conversationList--hidden": "styles__conversationList--hidden___20BsT",
  "conversationListItem--selected": "styles__conversationListItem--selected___2jCyB",
  "menuToggler": "styles__menuToggler___39GfB",
  "menuToggler--disabled": "styles__menuToggler--disabled___15vd4",
  "conversationChips-container": "styles__conversationChips-container___327dE",
  "conversationChips-startIcon": "styles__conversationChips-startIcon___1yOVn",
  "conversationChips-chipIcon": "styles__conversationChips-chipIcon___1wmF-",
  "conversationChips-deleteIcon": "styles__conversationChips-deleteIcon___s9C40",
  "is-warning": "styles__is-warning___3sa0v",
  "conversationChips-chip": "styles__conversationChips-chip___2PqQv",
  "cozyThread-messageContent": "styles__cozyThread-messageContent___2HjdB",
  "conversation-list-item": "styles__conversation-list-item___rQapI",
  "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
  "conversation-list-item--selected--light": "styles__conversation-list-item--selected--light___3WvIn",
  "conversation-list-item--selected--dark": "styles__conversation-list-item--selected--dark___JDQlY",
  "conversation-list-item--wider": "styles__conversation-list-item--wider___2Tl2c",
  "conversation-list-item-divider": "styles__conversation-list-item-divider___2LOP1",
  "conversation-list-item-text": "styles__conversation-list-item-text___31VBM",
  "conversation-list-item-title": "styles__conversation-list-item-title___3je_6",
  "conversation-list-item-meta": "styles__conversation-list-item-meta___3Zk-r",
  "conversation-list-item-subtitle": "styles__conversation-list-item-subtitle___3e_h0"
};

var SearchBarMobile = function SearchBarMobile(_ref) {
  var value = _ref.value,
      onClear = _ref.onClear,
      onChange = _ref.onChange;

  var handleClear = function handleClear() {
    onClear();
  };

  return /*#__PURE__*/_react.default.createElement(_SearchBar.default, {
    className: styles['conversationBar'],
    size: "auto",
    icon: null,
    value: value,
    componentsProps: {
      inputBase: {
        inputProps: {
          className: styles['conversationBar-input']
        },
        autoFocus: true
      }
    },
    onChange: onChange,
    onClear: handleClear
  });
};

var _default = SearchBarMobile;
exports.default = _default;