box-ui-elements-mlh/es/components/pill-selector-dropdown/defaultInputParser.js

Box UI Elements

import uniqBy from 'lodash/uniqBy';
import escapeRegExp from 'lodash/escapeRegExp';
import parseCSV from '../../utils/parseCSV';

// Custom input parser for the PillSelectorDropdownField that automatically maps
// a list of comma separated values to their respective Option objects. The parser
// will try to find exact but case-insenstive matches using the option's displayText
// property. If a token does not match displayText, the parser will also try to match
// the string representation of the value property. This last match is useful for country
// codes and other similar use cases.
function defaultInputParser(inputValue, options, selectedOptions) {
  var mappedOptions;
  var inputTokens = parseCSV(inputValue);
  mappedOptions = inputTokens.map(function (inputToken) {
    var trimmedInputToken = inputToken.replace(/\s/g, '');
    var escapedInputToken = escapeRegExp(trimmedInputToken);
    var regex = new RegExp("^".concat(escapedInputToken, "$"), 'i');
    var existingOption = options.find(function (_ref) {
      var displayText = _ref.displayText,
          value = _ref.value;
      return (// Match name without whitespace or commas
        regex.test(displayText.replace(/\s|,/g, '')) || regex.test(String(value))
      );
    });
    var mappedOption = existingOption || {
      displayText: inputToken,
      value: inputToken
    };
    return mappedOption;
  }); // Remove duplicate values

  mappedOptions = uniqBy(mappedOptions, function (mappedOption) {
    return mappedOption.value;
  }); // Remove previously selected values

  mappedOptions = mappedOptions.filter(function (mappedOption) {
    return !selectedOptions.some(function (selectedOption) {
      return mappedOption.value === selectedOption.value;
    });
  });
  return mappedOptions;
}

export default defaultInputParser;
//# sourceMappingURL=defaultInputParser.js.map