@chatui/core/lib/components/KvList/KvItem.js

The React library for Chatbot UI

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.KvItem = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Icon = require("../Icon");
var _Text = require("../Text");
var _Flex = require("../Flex");
var _excluded = ["className", "title", "level", "highlight", "desc", "onClick", "ellipsis", "rightIcon", "children"];
var KvItem = exports.KvItem = function KvItem(props) {
  var className = props.className,
    title = props.title,
    level = props.level,
    highlight = props.highlight,
    desc = props.desc,
    onClick = props.onClick,
    _props$ellipsis = props.ellipsis,
    ellipsis = _props$ellipsis === void 0 ? !!onClick : _props$ellipsis,
    _props$rightIcon = props.rightIcon,
    rightIcon = _props$rightIcon === void 0 ? onClick ? 'chevron-right' : undefined : _props$rightIcon,
    children = props.children,
    other = (0, _objectWithoutProperties2.default)(props, _excluded);
  var isString = typeof children === 'string';
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    className: (0, _clsx.default)('KvItem', className),
    "data-level": level,
    "data-highlight": highlight,
    onClick: onClick,
    role: "item"
  }, other), /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
    className: "KvItem-content",
    alignItems: ellipsis ? 'center' : undefined
  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
    className: "KvItem-title",
    truncate: true
  }, title), /*#__PURE__*/_react.default.createElement(_Flex.FlexItem, {
    className: "KvItem-main"
  }, isString ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
    truncate: ellipsis
  }, children) : children), rightIcon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
    type: rightIcon
  })), desc && /*#__PURE__*/_react.default.createElement("div", {
    className: "KvItem-desc"
  }, desc));
};