cozy-search/dist/components/TwakeKnowledges/ChatKnowledge.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 _twakeIcons = require("@linagora/twake-icons");

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

var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));

var _Checkbox = _interopRequireDefault(require("cozy-ui/transpiled/react/Checkbox"));

var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));

var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));

var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));

var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));

var _twakeI18n = require("twake-i18n");

var styles = {
  "source-panel": "styles__source-panel___1r13x",
  "source-panel-header": "styles__source-panel-header___2i_pd",
  "source-panel-description": "styles__source-panel-description___JL2br",
  "source-panel-search": "styles__source-panel-search___2_jsF",
  "source-panel-content": "styles__source-panel-content___1YU9a",
  "source-panel-footer": "styles__source-panel-footer___i_u77",
  "section-header": "styles__section-header___3qiTb",
  "nested-item": "styles__nested-item___1Guh8",
  "drive-tree-item": "styles__drive-tree-item___30uL0",
  "clear-all-button": "styles__clear-all-button___2lTyP",
  "date-label": "styles__date-label___3gPZY",
  "mail-preview": "styles__mail-preview___Vm-RW",
  "chat-header-actions": "styles__chat-header-actions___2nLD5",
  "header-clear-all": "styles__header-clear-all___3dOMJ",
  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6"
};

var ChatKnowledge = function ChatKnowledge(_ref) {
  var selectedItems = _ref.selectedItems,
      onToggleItems = _ref.onToggleItems,
      onClearItems = _ref.onClearItems;

  var _useI18n = (0, _twakeI18n.useI18n)(),
      t = _useI18n.t;

  var chats = [{
    id: 'chat1',
    name: 'Team Discussion'
  }, {
    id: 'chat2',
    name: 'Project Updates'
  }, {
    id: 'chat3',
    name: 'General Chat'
  }, {
    id: 'chat4',
    name: 'Support'
  }];

  var handleClearAll = function handleClearAll() {
    onClearItems(chats.map(function (c) {
      return c.id;
    }));
  };

  var selectedCount = chats.filter(function (c) {
    return selectedItems.includes(c.id);
  }).length;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: styles['chat-header-actions']
  }, selectedCount > 0 && /*#__PURE__*/_react.default.createElement(_Buttons.default, {
    variant: "text",
    size: "small",
    label: t('assistant.twake_knowledges.clear_all'),
    onClick: handleClearAll,
    className: styles['header-clear-all']
  })), /*#__PURE__*/_react.default.createElement(_List.default, null, chats.map(function (chat) {
    return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
      key: chat.id,
      button: true,
      onClick: function onClick() {
        return onToggleItems([chat.id]);
      }
    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
      checked: selectedItems.includes(chat.id),
      onChange: function onChange() {
        return onToggleItems([chat.id]);
      }
    })), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
      icon: _twakeIcons.Comment,
      color: "var(--primaryColor)"
    })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
      primary: chat.name
    }));
  })));
};

var _default = ChatKnowledge;
exports.default = _default;