@wix/design-system/dist/cjs/Highlighter/HighlightedItem.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _escapeRegExp = _interopRequireDefault(require("lodash/escapeRegExp"));
var _HighlighterSt = require("./Highlighter.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Highlighter/HighlightedItem.tsx";
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
class HighlightedItem extends React.PureComponent {
  renderElement() {
    var _this$props = this.props,
      children = _this$props.children,
      match = _this$props.match;
    if (match && typeof children === 'string') {
      var matchRegExp = this.getMatchRegExp();
      return this.highlightChildren(children, matchRegExp);
    }
    return children;
  }
  getMatchRegExp() {
    var _this$props2 = this.props,
      match = _this$props2.match,
      caseSensitive = _this$props2.caseSensitive;
    return new RegExp((0, _escapeRegExp.default)(match), caseSensitive ? '' : 'i');
  }
  getMatchBoundaries(subject, matchRegExp) {
    var matches = matchRegExp.exec(subject);
    if (!matches) {
      return undefined;
    }
    return {
      first: matches.index,
      last: matches.index + matches[0].length
    };
  }
  getMatchReactKey(index) {
    return "match-index-".concat(index);
  }
  highlightChildren(children, matchRegExp) {
    var processedChildren = [];
    var matchIndex = 0;
    while (children) {
      if (!matchRegExp.test(children)) {
        processedChildren.push(this.renderPlain(children, this.getMatchReactKey(matchIndex++)));
        return processedChildren;
      }
      var boundaries = this.getMatchBoundaries(children, matchRegExp);
      if (!boundaries) {
        break;
      }
      var nonMatch = children.slice(0, boundaries.first);
      if (nonMatch) {
        processedChildren.push(this.renderPlain(nonMatch, this.getMatchReactKey(matchIndex++)));
      }
      var match = children.slice(boundaries.first, boundaries.last);
      if (match) {
        processedChildren.push(this.renderHighlight(match, this.getMatchReactKey(matchIndex++)));
      }
      children = children.slice(boundaries.last);
    }
    return processedChildren;
  }
  renderPlain(plainString, key) {
    return /*#__PURE__*/React.createElement("span", {
      key: key,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 90,
        columnNumber: 12
      }
    }, plainString);
  }
  renderHighlight(matchString, key) {
    var _this$props$emphasize = this.props.emphasize,
      emphasize = _this$props$emphasize === void 0 ? 'text' : _this$props$emphasize;
    if (emphasize === 'background') {
      return /*#__PURE__*/React.createElement("span", {
        key: key,
        className: (0, _HighlighterSt.st)(_HighlighterSt.classes.root, {
          emphasize
        }),
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 97,
          columnNumber: 9
        }
      }, matchString);
    }
    return /*#__PURE__*/React.createElement("strong", {
      key: key,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 108,
        columnNumber: 12
      }
    }, matchString);
  }
  render() {
    var dataHook = this.props.dataHook;
    return /*#__PURE__*/React.createElement("span", {
      "data-hook": dataHook,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 113,
        columnNumber: 12
      }
    }, this.renderElement());
  }
}
var _default = exports.default = HighlightedItem;
//# sourceMappingURL=HighlightedItem.js.map