iamdanthedev

import * as React from 'react';
import { StoryDecorator } from 'storybook__react';
import { ThemeProvider } from 'styled-components';

/**
 * Storybook styled-components theme provider
 */

export function withTheme(theme): StoryDecorator {

iamdanthedev

import * as React from 'react';
import { Modal, ModalProps } from './semantic';

export function withModal<T extends {} = any>(
  modalOptions: ModalProps | ((props: T) => ModalProps),
) {
  return BaseComponent => props => {
    const modalProps =
      typeof modalOptions === 'function' ? modalOptions(props) : modalOptions;

iamdanthedev

import { compose, lifecycle, withState } from 'recompose';
import { History, UnregisterCallback } from 'history';

type Props = {
  pristine: boolean;
  history: History;
};

type State = {
  historyBlock: UnregisterCallback;

iamdanthedev

import * as React from 'react';
import { compose, withStateHandlers } from 'recompose';
import Confirm from 'semantic-ui-react/dist/commonjs/addons/Confirm/Confirm';

/**
 * with confirm hoc
 * wraps an underlying component with a modal action confirmation
 */

export type ConfirmOptions = {

iamdanthedev

import * as React from 'react';
import styled from 'styled-components';
import { Col, Grid, Row } from 'react-styled-flexboxgrid';
import Form from 'semantic-ui-react/dist/commonjs/collections/Form/Form';
import { SubheaderCentered } from '../typography/Subheader';


/**
 * |-------------------|
 * |                   |

iamdanthedev

import { isType } from 'typescript-fsa';
import { Reducer } from 'redux';
import * as actions from './actions';

/**
 * Item-List local store
 */

export interface LocalState {

iamdanthedev

/**
 * Recipe Editor Local Actions
 */

import actionCreatorFactory from 'typescript-fsa';

const actionCreator = actionCreatorFactory('@@local/RecipeEditor');

export const showAddGroupDialog = actionCreator('SHOW_ADD_GROUP_DIALOG');

iamdanthedev

const initialValues = { comment: 'hello'; }

storiesOf('Form Controls: Select', module)
  .addDecorator(withFormValues(initialValues)
  .add('default', () => (
      <Select name="select" label="Country..." options={selectOptions} />
    </Formik>
  ))

iamdanthedev

import React from "react";
import { withStyles } from "material-ui";
import Select, { SelectProps } from "material-ui/Select";
import { MenuItem } from "material-ui/Menu";

type OwnProps = SelectProps & {
  options: Array<{ label: string; value: string }>;
}

type Props = OwnProps & {

iamdanthedev

import React from "react";
import P from "prop-types";
import ReactSelect, {
  Creatable as ReactSelectCreatable,
  Async as ReactSelectAsync,
  AsyncCreatable as ReactSelectAsyncCreatable
} from "react-select";
import get from "lodash/get";
import { Field } from "formik";
import { withStyles } from "material-ui";