@dabapps/roe/src/ts/utils.ts

A Collection of React Components for Project Development

import * as randomSeed from 'random-seed';
import {
  MATCHES_AMPERSAND,
  MATCHES_BLANK_FIRST_LINE,
  MATCHES_BLANK_LAST_LINE,
  MATCHES_INITIAL_INDENTATION,
  MATCHES_LEADING_AND_TRAILING_HYPHENS,
  MATCHES_NON_WORD_CHARACTERS,
  MATCHES_WHITESPACE,
} from './constants';

export const formatCode = (code: string) => {
  const codeWithoutLeadingOrTrailingEmptyLines = code
    .replace(MATCHES_BLANK_FIRST_LINE, '')
    .replace(MATCHES_BLANK_LAST_LINE, '');

  const initialIndentation: RegExpExecArray | null =
    MATCHES_INITIAL_INDENTATION.exec(codeWithoutLeadingOrTrailingEmptyLines);

  return initialIndentation ?
    codeWithoutLeadingOrTrailingEmptyLines.replace(new RegExp(`^${initialIndentation[1]}`, 'gm'), '') :
    codeWithoutLeadingOrTrailingEmptyLines;
}

export const getHref = (children?: React.ReactNode, href?: string): string | undefined => {
  if (href) {
    return href;
  }

  if (typeof children !== 'string') {
    return undefined;
  }

  return children
    .replace(MATCHES_AMPERSAND, '-and-')
    .replace(MATCHES_NON_WORD_CHARACTERS, '-')
    .replace(MATCHES_LEADING_AND_TRAILING_HYPHENS, '')
    .toLowerCase();
}

let rand = randomSeed.create('dabapps');

export const resetRandomSeed = () => {
  rand = randomSeed.create('dabapps');
}

export const generateIpsum = (words: string[]) => {
  const ipsum = Array.apply(null, new Array(15)).map(() => (
    words[Math.floor(rand.range(words.length))]
  )).join(' ');

  return ipsum.charAt(0).toUpperCase() + ipsum.substring(1) + '.';
}

export const shouldNotBeRendered = (children: any) => {
  return children === false || children === null || children === undefined || children === '';
}

export const isValidColumnNumber = (value?: number) => typeof value === 'number' && value === +value;

export const addClassName = (element: HTMLElement, className: string) => {
  const myClassNames = element.className
    .trim()
    .split(MATCHES_WHITESPACE);

  if (myClassNames.indexOf(className) >= 0) {
    return;
  }

  element.className = [...myClassNames, className].join(' ');
};

export const removeClassName = (element: HTMLElement, className: string) => {
  const myClassNames = element.className
    .trim()
    .split(MATCHES_WHITESPACE);

  const index = myClassNames.indexOf(className);

  if (index < 0) {
    return;
  }

  myClassNames.splice(index, 1);

  element.className = myClassNames.join(' ');
};

export const getScrollOffset = () => {
  const doc = document.documentElement;
  const left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
  const top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);

  return {
    x: left,
    y: top,
  };
}