Create individual files for reactstrap re-exports

src/components/AddressInput.js

@@ -1,11 +1,13 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Col, Input, Row } from 'reactstrap';
 import flow from 'lodash.flow';
 import noop from 'lodash.noop';
 
 import Select from './Select';
 import ValidatedFormGroup from './ValidatedFormGroup';
+import Col from './Col';
+import Input from './Input';
+import Row from './Row';
 
 // TODO Dynamic states based on country:
 import states from './address/USStates.js';

src/components/Alert.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Alert } from 'reactstrap';
+import Alert from 'reactstrap/lib/Alert';
 import Icon from './Icon';
 
 const ICON_MAP = {

src/components/Badge.js

@@ -0,0 +1,2 @@
+import Badge from 'reactstrap/lib/Badge';
+export default Badge;

src/components/BlockPanel.js

@@ -1,13 +1,11 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import classnames from 'classnames';
-import {
-  Button,
-  Card,
-  CardBlock,
-  CardHeader,
-  CardTitle
-} from 'reactstrap';
+import Button from './Button';
+import Card from './Card';
+import CardBlock from './CardBlock';
+import CardHeader from './CardHeader';
+import CardTitle from './CardTitle';
 import Icon from './Icon';
 
 class BlockPanel extends React.Component {

src/components/BoundForm.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Form } from 'reactstrap';
+import Form from './Form';
 import noop from 'lodash.noop';
 
 class BoundForm extends React.Component {

src/components/Breadcrumb.js

@@ -0,0 +1,2 @@
+import Breadcrumb from 'reactstrap/lib/Breadcrumb';
+export default Breadcrumb;

src/components/BreadcrumbItem.js

@@ -0,0 +1,2 @@
+import BreadcrumbItem from 'reactstrap/lib/BreadcrumbItem';
+export default BreadcrumbItem;

src/components/Button.js

@@ -0,0 +1,2 @@
+import Button from 'reactstrap/lib/Button';
+export default Button;

src/components/ButtonDropdown.js

@@ -0,0 +1,2 @@
+import ButtonDropdown from 'reactstrap/lib/ButtonDropdown';
+export default ButtonDropdown;

src/components/ButtonGroup.js

@@ -0,0 +1,2 @@
+import ButtonGroup from 'reactstrap/lib/ButtonGroup';
+export default ButtonGroup;

src/components/ButtonToolbar.js

@@ -0,0 +1,2 @@
+import ButtonToolbar from 'reactstrap/lib/ButtonToolbar';
+export default ButtonToolbar;

src/components/Calendar.js

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Table } from 'reactstrap';
 import classnames from 'classnames';
 import addWeeks from 'date-fns/add_weeks';
 import eachDay from 'date-fns/each_day';
@@ -15,6 +14,7 @@ import startOfDay from 'date-fns/start_of_day';
 import startOfMonth from 'date-fns/start_of_month';
 import startOfWeek from 'date-fns/start_of_week';
 import style from './Calendar.scss';
+import Table from './Table';
 
 // TODO locale/localize
 

src/components/Card.js

@@ -0,0 +1,2 @@
+import Card from 'reactstrap/lib/Card';
+export default Card;

src/components/CardBlock.js

@@ -0,0 +1,2 @@
+import CardBlock from 'reactstrap/lib/CardBlock';
+export default CardBlock;

src/components/CardColumns.js

@@ -0,0 +1,2 @@
+import CardColumns from 'reactstrap/lib/CardColumns';
+export default CardColumns;

src/components/CardDeck.js

@@ -0,0 +1,2 @@
+import CardDeck from 'reactstrap/lib/CardDeck';
+export default CardDeck;

src/components/CardFooter.js

@@ -0,0 +1,2 @@
+import CardFooter from 'reactstrap/lib/CardFooter';
+export default CardFooter;

src/components/CardGroup.js

@@ -0,0 +1,2 @@
+import CardGroup from 'reactstrap/lib/CardGroup';
+export default CardGroup;

src/components/CardHeader.js

@@ -0,0 +1,2 @@
+import CardHeader from 'reactstrap/lib/CardHeader';
+export default CardHeader;

src/components/CardImg.js

@@ -0,0 +1,2 @@
+import CardImg from 'reactstrap/lib/CardImg';
+export default CardImg;

src/components/CardImgOverlay.js

@@ -0,0 +1,2 @@
+import CardImgOverlay from 'reactstrap/lib/CardImgOverlay';
+export default CardImgOverlay;

src/components/CardLink.js

@@ -0,0 +1,2 @@
+import CardLink from 'reactstrap/lib/CardLink';
+export default CardLink;

src/components/CardSubtitle.js

@@ -0,0 +1,2 @@
+import CardSubtitle from 'reactstrap/lib/CardSubtitle';
+export default CardSubtitle;

src/components/CardText.js

@@ -0,0 +1,2 @@
+import CardText from 'reactstrap/lib/CardText';
+export default CardText;

src/components/CardTitle.js

@@ -0,0 +1,2 @@
+import CardTitle from 'reactstrap/lib/CardTitle';
+export default CardTitle;

src/components/CheckboxBooleanInput.js

@@ -1,6 +1,8 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { FormGroup, Input, Label } from 'reactstrap';
+import FormGroup from './FormGroup';
+import Input from './Input';
+import Label from './Label';
 
 class CheckboxBooleanInput extends React.Component {
   static propTypes = {

src/components/Col.js

@@ -0,0 +1,2 @@
+import Col from 'reactstrap/lib/Col';
+export default Col;

src/components/Container.js

@@ -0,0 +1,2 @@
+import Container from 'reactstrap/lib/Container';
+export default Container;

src/components/CreditCardExpiration.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Col, Row } from 'reactstrap';
+import Col from './Col';
+import Row from './Row';
 import Select from './Select';
 
 const today = new Date();

src/components/CreditCardInput.js

@@ -1,9 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {
-  Row,
-  Col
-} from 'reactstrap';
+import Col from './Col';
+import Row from './Row';
 import PatternInput from './PatternInput';
 import ValidatedFormGroup from './ValidatedFormGroup';
 import CreditCardExpiration from './CreditCardExpiration';

src/components/CreditCardNumber.js

@@ -1,9 +1,11 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Input, InputGroup, InputGroupAddon } from 'reactstrap';
 import CardValidator from 'card-validator';
 import cardTypeInfo from 'credit-card-type';
 import Icon from './Icon';
+import Input from './Input';
+import InputGroup from './InputGroup';
+import InputGroupAddon from './InputGroupAddon';
 
 const { number } = CardValidator;
 

src/components/CurrencyInput.js

@@ -12,7 +12,8 @@ import MaskedInput from 'react-text-mask';
 //import createNumberMask from 'text-mask-addons/dist/createNumberMask';
 import createNumberMask from './CurrencyInput/createNumberMaskMonkeyPatch';
 
-import { InputGroup, InputGroupAddon } from 'reactstrap';
+import InputGroup from './InputGroup';
+import InputGroupAddon from './InputGroupAddon';
 
 /**
  * In the case where the user enters an extra "." at the end of the input the default behavior will

src/components/Datapair.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Col, Row } from 'reactstrap';
+import Col from './Col';
+import Row from './Row';
 
 const Datapair = props => (
   <Row className="mb-1">

src/components/DateInput.js

@@ -1,14 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {
-  Button,
-  ButtonGroup,
-  Dropdown,
-  DropdownMenu,
-  Input,
-  InputGroupButton,
-  InputGroup
-} from 'reactstrap';
 import addDays from 'date-fns/add_days';
 import addMonths from 'date-fns/add_months';
 import addWeeks from 'date-fns/add_weeks';
@@ -17,7 +8,14 @@ import isValid from 'date-fns/is_valid';
 import Fecha from 'fecha'; // TODO replace with date-fns/parse after v2 is released
 import format from 'date-fns/format';
 import Icon from './Icon';
-import Calendar from './Calendar.js';
+import Button from './Button';
+import ButtonGroup from './ButtonGroup';
+import Calendar from './Calendar';
+import Dropdown from './Dropdown';
+import DropdownMenu from './DropdownMenu';
+import Input from './Input';
+import InputGroupButton from './InputGroupButton';
+import InputGroup from './InputGroup';
 
 const { parse } = Fecha;
 

src/components/Dropdown.js

@@ -0,0 +1,2 @@
+import Dropdown from 'reactstrap/lib/Dropdown';
+export default Dropdown;

src/components/DropdownItem.js

@@ -0,0 +1,2 @@
+import DropdownItem from 'reactstrap/lib/DropdownItem';
+export default DropdownItem;

src/components/DropdownMenu.js

@@ -0,0 +1,2 @@
+import DropdownMenu from 'reactstrap/lib/DropdownMenu';
+export default DropdownMenu;

src/components/DropdownToggle.js

@@ -0,0 +1,2 @@
+import DropdownToggle from 'reactstrap/lib/DropdownToggle';
+export default DropdownToggle;

src/components/EditableNote.js

@@ -1,6 +1,10 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Button, ButtonToolbar, Card, CardBlock, Input } from 'reactstrap';
+import Button from './Button';
+import ButtonToolbar from './ButtonToolbar';
+import Card from './Card';
+import CardBlock from './CardBlock';
+import Input from './Input';
 
 class EditableNote extends React.Component {
   static propTypes = {

src/components/Fade.js

@@ -0,0 +1,2 @@
+import Fade from 'reactstrap/lib/Fade';
+export default Fade;

src/components/FeatureBanner.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Alert } from 'reactstrap';
+import Alert from 'reactstrap/lib/Alert';
 import styles from './FeatureBanner.scss';
 
 export default class FeatureBanner extends React.Component {

src/components/FileInput.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Input } from 'reactstrap';
+import Input from './Input';
 
 class FileInput extends React.Component {
   onChange = changeEvent => {

src/components/Form.js

@@ -0,0 +1,2 @@
+import Form from 'reactstrap/lib/Form';
+export default Form;

src/components/FormChoice.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import classname from 'classnames';
-import { FormGroup, Input, Label } from 'reactstrap';
+import FormGroup from './FormGroup';
+import Input from './Input';
+import Label from './Label';
 
 const FormChoice = props => {
   const {

src/components/FormFeedback.js

@@ -0,0 +1,2 @@
+import FormFeedback from 'reactstrap/lib/FormFeedback';
+export default FormFeedback;

src/components/FormGroup.js

@@ -0,0 +1,2 @@
+import FormGroup from 'reactstrap/lib/FormGroup';
+export default FormGroup;

src/components/FormRow.js

@@ -1,11 +1,16 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { FormGroup, Input, Label, Col, Row, FormFeedback, FormText } from 'reactstrap';
-
 import CheckboxInput from './CheckboxInput';
+import Col from './Col';
+import FileInput from './FileInput';
+import FormFeedback from './FormFeedback';
+import FormGroup from './FormGroup';
+import FormText from './FormText';
+import Input from './Input';
+import Label from './Label';
 import RadioInput from './RadioInput';
+import Row from './Row';
 import StaticInput from './StaticInput';
-import FileInput from './FileInput';
 
 const typeTranslations = {
   checkbox: CheckboxInput,

src/components/FormText.js

@@ -0,0 +1,2 @@
+import FormText from 'reactstrap/lib/FormText';
+export default FormText;

src/components/HasManyFieldsAdd.js

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Button } from 'reactstrap';
+import Button from './Button';
 
 import Icon from './Icon';
 

src/components/HasManyFieldsRow.js

@@ -1,9 +1,11 @@
 import noop from 'lodash.noop';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Button, Col, Row } from 'reactstrap';
-
+import Button from './Button';
+import Col from './Col';
 import Icon from './Icon';
+import Row from './Row';
+
 
 const HasManyFieldsRow = ({ children, onDelete, disabled }) => (
   <Row className="mb-3" noGutters>

src/components/HelpBubble.js

@@ -1,7 +1,9 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import Icon from './Icon';
-import { Popover, PopoverTitle, PopoverContent } from 'reactstrap';
+import Popover from './Popover';
+import PopoverTitle from './PopoverTitle';
+import PopoverContent from './PopoverContent';
 
 let count = 0;
 

src/components/Input.js

@@ -0,0 +1,2 @@
+import Input from 'reactstrap/lib/Input';
+export default Input;

src/components/InputGroup.js

@@ -0,0 +1,2 @@
+import InputGroup from 'reactstrap/lib/InputGroup';
+export default InputGroup;

src/components/InputGroupAddon.js

@@ -0,0 +1,2 @@
+import InputGroupAddon from 'reactstrap/lib/InputGroupAddon';
+export default InputGroupAddon;

src/components/InputGroupButton.js

@@ -0,0 +1,2 @@
+import InputGroupButton from 'reactstrap/lib/InputGroupButton';
+export default InputGroupButton;

src/components/Jumbotron.js

@@ -0,0 +1,2 @@
+import Jumbotron from 'reactstrap/lib/Jumbotron';
+export default Jumbotron;

src/components/Label.js

@@ -0,0 +1,2 @@
+import Label from 'reactstrap/lib/Label';
+export default Label;

src/components/ListGroup.js

@@ -0,0 +1,2 @@
+import ListGroup from 'reactstrap/lib/ListGroup';
+export default ListGroup;

src/components/Media.js

@@ -0,0 +1,2 @@
+import Media from 'reactstrap/lib/Media';
+export default Media;

src/components/Modal.js

@@ -1,4 +1,4 @@
-import { Modal } from 'reactstrap';
+import Modal from 'reactstrap/lib/Modal';
 
 Modal.defaultProps = {
   ...Modal.defaultProps,

src/components/ModalBody.js

@@ -0,0 +1,2 @@
+import ModalBody from 'reactstrap/lib/ModalBody';
+export default ModalBody;

src/components/ModalFooter.js

@@ -0,0 +1,2 @@
+import ModalFooter from 'reactstrap/lib/ModalFooter';
+export default ModalFooter;

src/components/ModalHeader.js

@@ -0,0 +1,2 @@
+import ModalHeader from 'reactstrap/lib/ModalHeader';
+export default ModalHeader;

src/components/Nav.js

@@ -0,0 +1,2 @@
+import Nav from 'reactstrap/lib/Nav';
+export default Nav;

src/components/NavDropdown.js

@@ -0,0 +1,2 @@
+import NavDropdown from 'reactstrap/lib/NavDropdown';
+export default NavDropdown;

src/components/NavItem.js

@@ -0,0 +1,2 @@
+import NavItem from 'reactstrap/lib/NavItem';
+export default NavItem;

src/components/NavLink.js

@@ -0,0 +1,2 @@
+import NavLink from 'reactstrap/lib/NavLink';
+export default NavLink;

src/components/Navbar.js

@@ -0,0 +1,2 @@
+import Navbar from 'reactstrap/lib/Navbar';
+export default Navbar;