stephenjwatkins

// Select the file input and add an onchange handler
const fileInput = document.querySelector("input[type='file']");
imageUpload.onchange = async e => {
  const files = e.target.files;
  const fileToUpload = files[0];

  let data = new FormData();
  data.append("file", fileToUpload);

  // Send as multipart/form-data

stephenjwatkins

import React from "react";
import { StoreHandler } from "../StoreHandler";
import { SubscriberHandler } from "../SubscriberHandler";
import { GiveDotChurchApi } from "../GiveDotChurchApi";

const createJsonApiStore = () => {
  const ApiStoreContext = React.createContext({
    change: 0,
    data: () => {},
    methods: () => {},

stephenjwatkins

const { loadPath } = require("./loadPath");
const { setupPage } = require("./setupPage");
const {
  waitForText,
  getByText,
  getComputedStyles,
} = require("./helpers");

test("successfully login as org admin", async () => {
  const page = await setupPage(global.browser);

stephenjwatkins

import React, { Component } from "react";
import throttle from "lodash/throttle";

class DottedUnderline extends Component {
  constructor(...args) {
    super(...args);

    this.state = { width: null };

    this.attach = this.attach.bind(this);

stephenjwatkins

import isEqualWith from "lodash/isEqualWith";

const shallowEqual = (value, other) =>
  isEqualWith(value, other, (v, o) => {
    for (let key1 in v) {
      if (!(key1 in o) || v[key1] !== o[key1]) {
        return false;
      }
    }
    for (let key2 in o) {

stephenjwatkins

import isEqual from "lodash/isEqual";

const deepEqual = (a, b) => isEqual(a, b);

exports { deepEqual };

stephenjwatkins

// Programmatically loads external scripts:
//
// await loadScript(
//   window.document,
//   "https://unpkg.com/react@16/umd/react.development.js",
//   { onlyLoadOnce: true }
// );

const defaultOptions = {
  timeout: null,

stephenjwatkins

// Color blending modes:
//
// import { blend } from "blend";
//
// const blended = blend.overlay("#aaa", "#f00");
//
// blended === "rgba(187, 8, 8, 1.0)";

const matchesToRgba = ([a = 1.0, r, g, b], base = 10) => {
  return {

stephenjwatkins

// Watch media queries:
//
// createMediaQueryWatcher({ big: "(min-width: 400px)" }, {
//   window,
//   onUpdate: (matches) => {
//     if (matches.big) {
//       console.log("Big matches");
//     }
//   }
// });

stephenjwatkins

function getAllSearchParamsFromSearch(search) {
  let massagedSearch = search;

  if (massagedSearch.charAt(0) === "?") {
    massagedSearch = massagedSearch.substring(1);
  }

  // Filter out the search parameters that have been passed in
  return massagedSearch.split("&").map(part => {
    return part.split("=");