@sendbird/uikit-react-native-foundation/lib/module/components/RegexText/index.js

A foundational UI kit for building chat-enabled React Native apps.

import React from 'react';
import { replaceWithRegex } from '@sendbird/uikit-utils';
import Text from '../Text';
const RegexText = ({
  children,
  patterns,
  ...props
}) => {
  if (patterns.length === 0 || typeof children !== 'string') return /*#__PURE__*/React.createElement(React.Fragment, null, children);
  const matchedTexts = [children];
  patterns.forEach(({
    regex,
    replacer
  }, patterIndex) => {
    const matchedTextsTemp = matchedTexts.concat();
    let offset = 0;
    matchedTextsTemp.forEach((text, index) => {
      if (typeof text === 'string' && text) {
        const children = replaceWithRegex(text, regex, params => replacer({
          ...params,
          parentProps: props,
          keyPrefix: index + params.keyPrefix
        }), String(patterIndex));
        if (children.length > 1) {
          matchedTexts.splice(index + offset, 1, ...children);
          offset += children.length - 1;
        }
      }
    });
  });
  return /*#__PURE__*/React.createElement(Text, props, matchedTexts);
};
export default RegexText;
//# sourceMappingURL=index.js.map