Landerson352

import React from 'react';

type BaseObject<ColorKey extends string, PercentKey extends string> = {
  [key in ColorKey]: string;
} &
  {
    [key in PercentKey]: number;
  };

function GenericListView<

Landerson352

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

Landerson352

import React from "react";
import { Box, Flex } from "@chakra-ui/core";
import _ from "lodash";
import { useKey } from "react-use";
import { motion } from "framer-motion";

const MotionFlex = motion.custom(Flex);

const TILE_SIZE = 100;
const ROWS = 4;

Landerson352

import React from 'react';

// Usage: useOnUnmount((deps) => console.log(deps), deps);

const useOnUnmount = (fn, deps) => {
  const ref = React.useRef(text);

  React.useEffect(() => {
    ref.current = deps;
  }, [deps]);

Landerson352

import React from 'react';
import { map } from 'lodash';
import { View } from 'react-native';

import { utils } from '../theme';
import RootNavigator from '../RootNavigator';
import ScreenView from '../components/ScreenView';
import Text from '../components/Text';

const RouteDisplay = ({ router, routeName, route, urlParts }) => {

Landerson352

import React from 'react';
import { View } from 'react-native';
import { flatMap, map } from 'lodash';

import { utils } from '../theme';
import Text from './Text';

const InlineTextAndElements = (props) => {
  const { children, containerProps, ...restProps } = props;

Landerson352

import { useState } from 'react';

const useToggle = (initialState = false) => {
  const [isActive, setIsActive] = useState(initialState);

  const isInactive = !isActive;
  const deactivate = () => setIsActive(false);
  const activate = () => setIsActive(true);
  const toggle = () => setIsActive(((value) => !value));

Landerson352

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

import ROUTE from './route';
import HomeScreen from './screens/HomeScreen';

const createRouteConfig = ({ key, title }, screen) => ({
  [key]: {
    screen,
    navigationOptions: {

Landerson352

import { useContext } from 'react';
import { NavigationContext } from 'react-navigation';
import { get } from 'lodash';

import ROUTE from '../route';

const useNavigation = () => {
  const navigation = useContext(NavigationContext);

  const routeName = get(navigation, 'state.routeName');

Landerson352

root = true

[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
insert_final_newline = true
max_line_length = 120
trim_trailing_whitespace = true