@salesforce/design-system-react/lib/components/utilities/highlighter/index.js

Salesforce Lightning Design System for React

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _propTypes = require("prop-types");

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactHighlighter = require("react-highlighter");

var _reactHighlighter2 = _interopRequireDefault(_reactHighlighter);

var _constants = require("../../../utilities/constants");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */

/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
// ### React
// ### ReactHighlighter
// ## Constants

/**
 * A utility component that highlights occurrences of a particular pattern in its contents.
 */
var Highlighter = function Highlighter(props) {
  if (props.search) {
    var children;

    if (typeof props.children === 'string') {
      children = _react2.default.createElement(_reactHighlighter2.default, {
        className: props.className,
        matchClass: null,
        matchElement: "mark",
        search: props.search,
        title: props.children
      }, props.children);
    } else {
      var findString = function findString(nodeArr) {
        return nodeArr.map(function (element) {
          var newElement;

          if (typeof element === 'string') {
            newElement = _react2.default.createElement(_reactHighlighter2.default, {
              key: element,
              className: props.className,
              matchClass: null,
              matchElement: "mark",
              search: props.search,
              title: element
            }, element);
          } else {
            newElement = element;
          }

          return newElement;
        });
      };

      if (props.children.props) {
        var node = props.children.props.children;
        children = node instanceof Array ? findString(node) : node;
      }
    }

    return _react2.default.createElement("span", null, children);
  }

  if (typeof props.children === 'string') {
    return _react2.default.createElement("span", {
      className: props.className,
      title: props.children
    }, props.children);
  }

  return _react2.default.createElement("span", {
    className: props.className
  }, props.children);
}; // ### Display Name


Highlighter.displayName = _constants.HIGHLIGHTER; // ### Prop Types

Highlighter.propTypes = {
  /**
   * The full string to display.
   */
  children: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.bool, _propTypes2.default.node]),
  className: _propTypes2.default.string,

  /**
   * The string of text (or Regular Expression) to highlight.
   */
  search: _propTypes2.default.any
};
exports.default = Highlighter;