cozy-search/dist/components/ResultMenu/SuggestionItemTextHighlighted.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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

var normalizeString = function normalizeString(str) {
  return str.toString().toLowerCase().replace(/\//g, ' ').normalize('NFD').replace(/[\u0300-\u036f]/g, '').split(' ');
};
/**
 * Add <b> on part that equlas query into each result
 *
 * @param {Array} searchResult - list of results
 * @param {string} query - search input
 * @returns list of results with the query highlighted
 */


var highlightQueryTerms = function highlightQueryTerms(searchResult, query) {
  var normalizedQueryTerms = normalizeString(query);
  var normalizedResultTerms = normalizeString(searchResult);
  var matchedIntervals = [];
  var spacerLength = 1;
  var currentIndex = 0;
  normalizedResultTerms.forEach(function (resultTerm) {
    normalizedQueryTerms.forEach(function (queryTerm) {
      var index = resultTerm.indexOf(queryTerm);

      if (index >= 0) {
        matchedIntervals.push({
          from: currentIndex + index,
          to: currentIndex + index + queryTerm.length
        });
      }
    });
    currentIndex += resultTerm.length + spacerLength;
  }); // matchedIntervals can overlap, so we merge them.
  // - sort the intervals by starting index
  // - add the first interval to the stack
  // - for every interval,
  // - - add it to the stack if it doesn't overlap with the stack top
  // - - or extend the stack top if the start overlaps and the new interval's top is bigger

  var mergedIntervals = matchedIntervals.sort(function (intervalA, intervalB) {
    return intervalA.from > intervalB.from;
  }).reduce(function (computedIntervals, newInterval) {
    if (computedIntervals.length === 0 || computedIntervals[computedIntervals.length - 1].to < newInterval.from) {
      computedIntervals.push(newInterval);
    } else if (computedIntervals[computedIntervals.length - 1].to < newInterval.to) {
      computedIntervals[computedIntervals.length - 1].to = newInterval.to;
    }

    return computedIntervals;
  }, []); // create an array containing the entire search result, with special characters, and the intervals surrounded y `<b>` tags

  var slicedOriginalResult = mergedIntervals.length > 0 ? [/*#__PURE__*/_react.default.createElement("span", {
    key: "0"
  }, searchResult.slice(0, mergedIntervals[0].from))] : searchResult;

  for (var i = 0, l = mergedIntervals.length; i < l; ++i) {
    slicedOriginalResult.push( /*#__PURE__*/_react.default.createElement("span", {
      className: "u-primaryColor"
    }, searchResult.slice(mergedIntervals[i].from, mergedIntervals[i].to)));
    if (i + 1 < l) slicedOriginalResult.push( /*#__PURE__*/_react.default.createElement("span", null, searchResult.slice(mergedIntervals[i].to, mergedIntervals[i + 1].from)));
  }

  if (mergedIntervals.length > 0) slicedOriginalResult.push( /*#__PURE__*/_react.default.createElement("span", null, searchResult.slice(mergedIntervals[mergedIntervals.length - 1].to, searchResult.length)));
  return slicedOriginalResult;
};

var SuggestionItemTextHighlighted = function SuggestionItemTextHighlighted(_ref) {
  var text = _ref.text,
      query = _ref.query;
  if (!text) return null;
  var textHighlighted = highlightQueryTerms(text, query);

  if (Array.isArray(textHighlighted)) {
    return textHighlighted.map(function (item, idx) {
      return _objectSpread(_objectSpread({}, item), {}, {
        key: idx
      });
    });
  }

  return textHighlighted;
};

var _default = SuggestionItemTextHighlighted;
exports.default = _default;