src/components/snippets/Typography/utils.js

import React from 'react';

export const delay = ms => new Promise(res => setTimeout(res, ms));

export const wrapTags = {
  code: Comp => ({ children }) => (
    <code>
      <Comp>{children}</Comp>
    </code>
  ),
  del: Comp => ({ children }) => (
    <del>
      <Comp>{children}</Comp>
    </del>
  ),
  mark: Comp => ({ children }) => (
    <mark>
      <Comp>{children}</Comp>
    </mark>
  ),
  strong: Comp => ({ children }) => (
    <strong>
      <Comp>{children}</Comp>
    </strong>
  ),
  underline: Comp => ({ children }) => (
    <u>
      <Comp>{children}</Comp>
    </u>
  ),
  small: Comp => ({ children }) => (
    <small>
      <Comp>{children}</Comp>
    </small>
  ),
};

export const allColors = [
  'primary',
  'secondary',
  'success',
  'danger',
  'warning',
  'info',
  'light',
  'dark',
  'muted',
  'white',
];

export const ICON_STYLE = {
  fontSize: 'initial',
};

export const moveCursorToEnd = el => {
  if (el.innerText && document.createRange) {
    let selection = document.getSelection();
    let range = document.createRange();
    range.setStart(el.childNodes[0], el.innerText.length);
    range.collapse(true);
    selection.removeAllRanges();
    selection.addRange(range);
  }
};