#289 Icon: Quit default export

mashmatrix · Jul 9, 2019 · 581065a · 581065a
1 parent 617903a
commit 581065a
Show file tree

Hide file tree

Showing 15 changed files with 15 additions and 16 deletions.
diff --git a/src/scripts/Button.tsx b/src/scripts/Button.tsx
@@ -1,6 +1,6 @@
 import React, { Component, ReactNode, ButtonHTMLAttributes } from 'react';
 import classnames from 'classnames';
-import Icon from './Icon';
+import { Icon } from './Icon';
 import { Spinner } from './Spinner';
 
 type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

diff --git a/src/scripts/DateInput.js b/src/scripts/DateInput.js
@@ -5,7 +5,7 @@ import moment from 'moment';
 import autoAlign from './AutoAlign';
 import { FormElement } from './FormElement';
 import Input from './Input';
-import Icon from './Icon';
+import { Icon } from './Icon';
 import Datepicker from './Datepicker';
 import { uuid, isElInChildren, registerStyle } from './util';
 

diff --git a/src/scripts/DropdownMenu.js b/src/scripts/DropdownMenu.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import Icon from './Icon';
+import { Icon } from './Icon';
 import autoAlign from './AutoAlign';
 import { PicklistItem } from './Picklist';
 

diff --git a/src/scripts/Icon.tsx b/src/scripts/Icon.tsx
@@ -117,7 +117,7 @@ export type IconState = {
   iconColor?: string;
 };
 
-export default class Icon extends Component<
+export class Icon extends Component<
   IconProps & SVGAttributes<SVGElement>,
   IconState
 > {

diff --git a/src/scripts/Input.js b/src/scripts/Input.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import keycoder from 'keycoder';
-import Icon from './Icon';
+import { Icon } from './Icon';
 import { FormElement } from './FormElement';
 import { Text } from './Text';
 import { uuid, registerStyle } from './util';

diff --git a/src/scripts/Lookup.js b/src/scripts/Lookup.js
@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import autoAlign from './AutoAlign';
 import { FormElement } from './FormElement';
 import Input from './Input';
-import Icon from './Icon';
+import { Icon } from './Icon';
 import { Spinner } from './Spinner';
 import Pill from './Pill';
 import DropdownButton from './DropdownButton';

diff --git a/src/scripts/Notification.js b/src/scripts/Notification.js
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { Button } from './Button';
-import Icon from './Icon';
+import { Icon } from './Icon';
 
 const NOTIFICATION_TYPES = ['alert', 'toast'];
 

diff --git a/src/scripts/Picklist.js b/src/scripts/Picklist.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { FormElement } from './FormElement';
-import Icon from './Icon';
+import { Icon } from './Icon';
 import { Button } from './Button';
 import DropdownMenu, { DropdownMenuItem } from './DropdownMenu';
 import { uuid, isElInChildren } from './util';

diff --git a/src/scripts/Pill.js b/src/scripts/Pill.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
-import Icon from './Icon';
+import { Icon } from './Icon';
 import { Button } from './Button';
 
 class Pill extends Component {

diff --git a/src/scripts/SalesPath.js b/src/scripts/SalesPath.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import Icon from './Icon';
+import { Icon } from './Icon';
 
 class SalesPath extends React.Component {
   constructor() {

diff --git a/src/scripts/Table.js b/src/scripts/Table.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
-import Icon from './Icon';
+import { Icon } from './Icon';
 
 export class TableHeader extends Component {
   renderBaseHeaderRow() {

diff --git a/src/scripts/index.js b/src/scripts/index.js
@@ -1,7 +1,6 @@
 // TODO: revert
 // changed
 // because of https://github.com/gaearon/react-hot-loader/issues/158
-import Icon from './Icon';
 import DropdownButton from './DropdownButton';
 import DropdownMenu, {
   DropdownMenuItem,
@@ -47,7 +46,6 @@ export {
   Notification,
   Alert,
   Toast,
-  Icon,
   DropdownButton,
   DropdownMenu,
   DropdownMenuItem,
@@ -103,6 +101,7 @@ export * from './BreadCrumbs';
 export * from './Button';
 export * from './ButtonGroup';
 export * from './Container';
+export * from './Icon';
 export * from './MediaObject';
 export * from './Radio';
 export * from './RadioGroup';

diff --git a/stories/IconStories.tsx b/stories/IconStories.tsx
@@ -3,8 +3,8 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { text, select } from '@storybook/addon-knobs';
-import { Icon } from '../src/scripts';
 import {
+  Icon,
   IconCategory,
   IconContainer,
   IconSize,

diff --git a/test/button-spec.tsx b/test/button-spec.tsx
@@ -7,7 +7,7 @@ import {
   ButtonIconAlign,
   ButtonIconSize,
 } from '../src/scripts/Button';
-import Icon from '../src/scripts/Icon';
+import { Icon } from '../src/scripts/Icon';
 
 describe('Button', () => {
   it('should render button with className', () => {

diff --git a/test/icon-spec.tsx b/test/icon-spec.tsx
@@ -2,7 +2,7 @@ import assert from 'power-assert';
 import React from 'react';
 import { shallow } from 'enzyme';
 
-import Icon from '../src/scripts/Icon';
+import { Icon } from '../src/scripts/Icon';
 
 describe('Icon', () => {
   it('should render icon', () => {