Typings: allow including only used components in app bundle

When I use import Button from 'semantic-ui-react/elements/Button/Button' instead of import { Button } from 'semantic-ui-react'; I can save almost half of the project’s bundle.js file.

See example of Button and Accordion definition in https://github.com/PavelPZ/design/blob/master/index.d.ts. which allows this optimization.

---

APP Code:

import React from 'react';
import ReactDOM from 'react-dom';

//OPTIMIZED VARIANT, bundle contains only Button code
import Button from 'semantic-ui-react/elements/Button/Button';
import ButtonContent from 'semantic-ui-react/elements/Button/ButtonContent';

//STANDARD VARIANT, bundle contains all Semantic UI code
//import { Button, ButtonContent } from 'semantic-ui-react'; //STANDARD VARIANT

export const init = () => {
  ReactDOM.render(<Button primary><ButtonContent>Button</ButtonContent></Button>, document.getElementById('content'));
};

Minified bundle size (containing APP Code, react.js, lodash.js and classnames.js):

OPTIMIZED VARIANT: 326kB STANDARD VARIANT: 592kB

Used JSPM package manager with Rollup Optimization.

[levithomason]

Option 2 it is, PRs welcome!

[layershifter]

Hm, as I see this was fixed in #1098. Closing for housekeeping.