reecelucas

import { useRef } from 'react';

const safeDocument = typeof document !== 'undefined' ? document : {};

/**
 * Usage:
 * const [blockScroll, allowScroll] = useScrollBlock();
 */
export default () => {
  const scrollBlocked = useRef();

reecelucas

export const preventOrphanWord = (string) => {
  const words = string.trim().split(' ');

  // Only proceed if we've got at least 3 words
  if (words.length < 3) {
    return string;
  }

  const [nextToLastWord, lastWord] = words.slice(-2);
  const precedingWords = words.slice(0, words.length - 2);

reecelucas

import React, { useContext, useEffect, useRef } from 'react';
import PropTypes from 'prop-types';
import TabContext from './TabContext';
import getAttributeProps from './getAttributeProps';

const propTypes = {
  children: PropTypes.oneOfType([
    PropTypes.arrayOf(PropTypes.node),
    PropTypes.node
  ]).isRequired,

reecelucas

const SCROLL_UP = "up";
const SCROLL_DOWN = "down";

const useScrollDirection = ({
  initialDirection,
  thresholdPixels,
  off
} = {}) => {
  const [scrollDir, setScrollDir] = useState(initialDirection);

reecelucas

import * as React from 'react';

interface Props extends React.HTMLProps<HTMLInputElement> {
  onFileSelect: (file: File) => void;
}

const FileInput = ({ onFileSelect, ...props }: Props) => {
  const inputRef = React.useRef<HTMLInputElement>();

  const onChange = (event: React.ChangeEvent) => {

reecelucas

import debounce from "lodash/debounce";

const getPageHeight = () =>
  Math.max(
    document.body.scrollHeight,
    document.body.offsetHeight,
    document.documentElement.clientHeight,
    document.documentElement.scrollHeight,
    document.documentElement.offsetHeight
  );

reecelucas

const fetchGraphQL = async ({ url, query, variables, headers }) => {
  const response = await fetch(url, {
    method: "POST",
    headers: {
      ...headers,
      "Content-Type": "application/json"
    },
    body: JSON.stringify({ query, variables })
  });

reecelucas

let bodyBlocked = false;

const { body, documentElement: html } = document;

export const blockScroll = () => {
  if (bodyBlocked) {
    return;
  }

  const scrollBarWidth = window.innerWidth - html.clientWidth;

reecelucas

import { useEffect, useRef } from 'react' 

const isFunction = fn => typeof fn === 'function';
const connectionIsOpen = ws => ws && ws.readyState === WebSocket.OPEN;

/**
 * Usage:
 * const { webSocket, sendMessage, closeConnection } = useWebSocket({
 *   url: 'wss://echo.websocket.org/',
 *   onOpen: useCallback(event => {

reecelucas

import { useEffect, useRef } from 'react';

/**
 * Usage:
 * const [count, setCount] = useState(0);
 * const prevCount = usePrevious(count);
 */
export default value => {
  const ref = useRef();