input-search-reactjs/lib/index.js

A simple search/filter component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function SearchInput(props) {
  var data = props.data;
  var matchedValue = props.matchedValue;
  var isEqual = function isEqual(a, b) {
    if (b.length === 0) return false;
    var min = Math.min(a.length, b.length);
    return a.substring(0, min) === b;
  };
  var fetchMatch = function fetchMatch(e) {
    var arr = [];
    data.map(function (dat) {
      if (isEqual(dat, e)) {
        arr.push(dat);
      }
      return arr;
    });
    matchedValue(arr);
  };
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
    onChange: function onChange(e) {
      return fetchMatch(e.target.value);
    }
  }));
}
var _default = exports.default = SearchInput;