Merge pull request #2851 from bryceosterhaus/2846

chore: go back to using esModuleInterop since it is causing issues for a developer environment for storybook
liferay · Jan 14, 2020 · fb9bb2f · fb9bb2f
2 parents 67d6a79 + e655dba
commit fb9bb2f
Show file tree

Hide file tree

Showing 231 changed files with 268 additions and 268 deletions.
diff --git a/packages/clay-alert/src/ToastContainer.tsx b/packages/clay-alert/src/ToastContainer.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import {IClayAlertProps} from './index';
 

diff --git a/packages/clay-alert/src/__tests__/ClayAlert.tsx b/packages/clay-alert/src/__tests__/ClayAlert.tsx
@@ -5,8 +5,8 @@
  */
 
 import ClayAlert from '..';
-import * as React from 'react';
-import * as TestRenderer from 'react-test-renderer';
+import React from 'react';
+import TestRenderer from 'react-test-renderer';
 
 describe('ClayAlert', () => {
 	it('renders', () => {

diff --git a/packages/clay-alert/src/index.tsx b/packages/clay-alert/src/index.tsx
@@ -6,7 +6,7 @@
 
 import Icon from '@clayui/icon';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import ToastContainer from './ToastContainer';
 

diff --git a/packages/clay-alert/stories/index.tsx b/packages/clay-alert/stories/index.tsx
@@ -8,7 +8,7 @@ import '@clayui/css/lib/css/atlas.css';
 const spritemap = require('@clayui/css/lib/images/icons/icons.svg');
 import {boolean, select, text} from '@storybook/addon-knobs';
 import {storiesOf} from '@storybook/react';
-import * as React from 'react';
+import React from 'react';
 
 import ClayAlert, {DisplayType} from '../src';
 

diff --git a/packages/clay-autocomplete/src/Context.ts b/packages/clay-autocomplete/src/Context.ts
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 
-import * as React from 'react';
+import React from 'react';
 
 interface IContext {
 	/**

diff --git a/packages/clay-autocomplete/src/DropDown.tsx b/packages/clay-autocomplete/src/DropDown.tsx
@@ -5,7 +5,7 @@
  */
 
 import ClayDropDown from '@clayui/drop-down';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 

diff --git a/packages/clay-autocomplete/src/Input.tsx b/packages/clay-autocomplete/src/Input.tsx
@@ -5,7 +5,7 @@
  */
 
 import {ClayInput} from '@clayui/form';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 

diff --git a/packages/clay-autocomplete/src/Item.tsx b/packages/clay-autocomplete/src/Item.tsx
@@ -5,8 +5,8 @@
  */
 
 import ClayDropDown from '@clayui/drop-down';
-import * as fuzzy from 'fuzzy';
-import * as React from 'react';
+import fuzzy from 'fuzzy';
+import React from 'react';
 
 export interface IProps extends React.ComponentProps<typeof ClayDropDown.Item> {
 	innerRef?: React.Ref<HTMLAnchorElement>;

diff --git a/packages/clay-autocomplete/src/LoadingIndicator.tsx b/packages/clay-autocomplete/src/LoadingIndicator.tsx
@@ -6,7 +6,7 @@
 
 import {ClayInput} from '@clayui/form';
 import ClayLoadingIndicator from '@clayui/loading-indicator';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 

diff --git a/packages/clay-autocomplete/src/__tests__/index.tsx b/packages/clay-autocomplete/src/__tests__/index.tsx
@@ -6,7 +6,7 @@
 
 import ClayAutocomplete from '..';
 import {cleanup, render} from '@testing-library/react';
-import * as React from 'react';
+import React from 'react';
 
 import Context from '../Context';
 

diff --git a/packages/clay-autocomplete/src/index.tsx b/packages/clay-autocomplete/src/index.tsx
@@ -5,7 +5,7 @@
  */
 
 import {ClayInput} from '@clayui/form';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 import DropDown from './DropDown';

diff --git a/packages/clay-autocomplete/stories/index.tsx b/packages/clay-autocomplete/stories/index.tsx
@@ -9,7 +9,7 @@ import {FetchPolicy, NetworkStatus} from '@clayui/data-provider/src/types';
 import ClayDropDown from '@clayui/drop-down';
 import {FocusScope, useDebounce} from '@clayui/shared';
 import {storiesOf} from '@storybook/react';
-import * as React from 'react';
+import React from 'react';
 
 import ClayAutocomplete from '../src';
 

diff --git a/packages/clay-badge/src/__tests__/index.tsx b/packages/clay-badge/src/__tests__/index.tsx
@@ -5,8 +5,8 @@
  */
 
 import ClayBadge from '..';
-import * as React from 'react';
-import * as TestRenderer from 'react-test-renderer';
+import React from 'react';
+import TestRenderer from 'react-test-renderer';
 
 describe('ClayBadge', () => {
 	it('renders', () => {

diff --git a/packages/clay-badge/src/index.tsx b/packages/clay-badge/src/index.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 type DisplayType =
 	| 'primary'

diff --git a/packages/clay-badge/stories/index.tsx b/packages/clay-badge/stories/index.tsx
@@ -7,7 +7,7 @@
 import '@clayui/css/lib/css/atlas.css';
 import {select, text} from '@storybook/addon-knobs';
 import {storiesOf} from '@storybook/react';
-import * as React from 'react';
+import React from 'react';
 
 import ClayBadge from '../src';
 

diff --git a/packages/clay-breadcrumb/src/Ellipsis.tsx b/packages/clay-breadcrumb/src/Ellipsis.tsx
@@ -7,7 +7,7 @@
 import ClayButton from '@clayui/button';
 import ClayDropDown from '@clayui/drop-down';
 import ClayIcon from '@clayui/icon';
-import * as React from 'react';
+import React from 'react';
 
 import Item from './Item';
 

diff --git a/packages/clay-breadcrumb/src/Item.tsx b/packages/clay-breadcrumb/src/Item.tsx
@@ -6,7 +6,7 @@
 
 import ClayButton from '@clayui/button';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 interface IItem extends React.HTMLAttributes<HTMLLIElement> {
 	/**

diff --git a/packages/clay-breadcrumb/src/__tests__/index.tsx b/packages/clay-breadcrumb/src/__tests__/index.tsx
@@ -6,7 +6,7 @@
 
 import ClayBreadcrumb from '..';
 import {cleanup, fireEvent, render} from '@testing-library/react';
-import * as React from 'react';
+import React from 'react';
 
 describe('ClayBreadcrumb', () => {
 	afterEach(() => cleanup());

diff --git a/packages/clay-breadcrumb/src/index.tsx b/packages/clay-breadcrumb/src/index.tsx
@@ -6,8 +6,8 @@
 
 import {getEllipsisItems} from '@clayui/shared';
 import classNames from 'classnames';
-import * as React from 'react';
-import * as warning from 'warning';
+import React from 'react';
+import warning from 'warning';
 
 import Ellipsis from './Ellipsis';
 import Item from './Item';

diff --git a/packages/clay-breadcrumb/stories/index.tsx b/packages/clay-breadcrumb/stories/index.tsx
@@ -8,7 +8,7 @@ import '@clayui/css/lib/css/atlas.css';
 const spritemap = require('@clayui/css/lib/images/icons/icons.svg');
 import {number} from '@storybook/addon-knobs';
 import {storiesOf} from '@storybook/react';
-import * as React from 'react';
+import React from 'react';
 
 import ClayBreadcrumb from '../src';
 

diff --git a/packages/clay-button/src/Button.tsx b/packages/clay-button/src/Button.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import ButtonGroup from './Group';
 

diff --git a/packages/clay-button/src/ButtonWithIcon.tsx b/packages/clay-button/src/ButtonWithIcon.tsx
@@ -5,7 +5,7 @@
  */
 
 import ClayIcon from '@clayui/icon';
-import * as React from 'react';
+import React from 'react';
 
 import ClayButton from './Button';
 

diff --git a/packages/clay-button/src/Group.tsx b/packages/clay-button/src/Group.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 export interface IButtonGroupProps
 	extends React.HTMLAttributes<HTMLDivElement> {

diff --git a/packages/clay-button/src/__tests__/index.tsx b/packages/clay-button/src/__tests__/index.tsx
@@ -5,8 +5,8 @@
  */
 
 import ClayButton, {ClayButtonWithIcon} from '..';
-import * as React from 'react';
-import * as TestRenderer from 'react-test-renderer';
+import React from 'react';
+import TestRenderer from 'react-test-renderer';
 
 describe('ClayButton', () => {
 	it('renders', () => {

diff --git a/packages/clay-button/stories/index.tsx b/packages/clay-button/stories/index.tsx
@@ -8,7 +8,7 @@ import '@clayui/css/lib/css/atlas.css';
 const spritemap = require('@clayui/css/lib/images/icons/icons.svg');
 import {boolean, select, text} from '@storybook/addon-knobs';
 import {storiesOf} from '@storybook/react';
-import * as React from 'react';
+import React from 'react';
 
 import ClayButton, {ClayButtonWithIcon} from '../src';
 

diff --git a/packages/clay-card/src/AspectRatio.tsx b/packages/clay-card/src/AspectRatio.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 

diff --git a/packages/clay-card/src/Body.tsx b/packages/clay-card/src/Body.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 

diff --git a/packages/clay-card/src/Caption.tsx b/packages/clay-card/src/Caption.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 

diff --git a/packages/clay-card/src/Card.tsx b/packages/clay-card/src/Card.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import AspectRatio from './AspectRatio';
 import Body from './Body';

diff --git a/packages/clay-card/src/CardWithHorizontal.tsx b/packages/clay-card/src/CardWithHorizontal.tsx
@@ -8,7 +8,7 @@ import {ClayDropDownWithItems} from '@clayui/drop-down';
 import {ClayCheckbox} from '@clayui/form';
 import ClayIcon from '@clayui/icon';
 import ClaySticker from '@clayui/sticker';
-import * as React from 'react';
+import React from 'react';
 
 import ClayCard from './Card';
 

diff --git a/packages/clay-card/src/CardWithInfo.tsx b/packages/clay-card/src/CardWithInfo.tsx
@@ -10,7 +10,7 @@ import ClayIcon from '@clayui/icon';
 import ClayLabel from '@clayui/label';
 import ClaySticker from '@clayui/sticker';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import ClayCard from './Card';
 

diff --git a/packages/clay-card/src/CardWithNavigation.tsx b/packages/clay-card/src/CardWithNavigation.tsx
@@ -6,7 +6,7 @@
 
 import ClayIcon from '@clayui/icon';
 import ClaySticker from '@clayui/sticker';
-import * as React from 'react';
+import React from 'react';
 
 import ClayCard from './Card';
 

diff --git a/packages/clay-card/src/CardWithUser.tsx b/packages/clay-card/src/CardWithUser.tsx
@@ -9,7 +9,7 @@ import {ClayCheckbox} from '@clayui/form';
 import ClayIcon from '@clayui/icon';
 import ClayLabel from '@clayui/label';
 import ClaySticker, {DisplayType as StickerDisplayType} from '@clayui/sticker';
-import * as React from 'react';
+import React from 'react';
 
 import ClayCard from './Card';
 

diff --git a/packages/clay-card/src/Context.ts b/packages/clay-card/src/Context.ts
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 
-import * as React from 'react';
+import React from 'react';
 
 export interface IContext {
 	/**

diff --git a/packages/clay-card/src/Description.tsx b/packages/clay-card/src/Description.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 type CardDescriptionDisplayType = 'text' | 'title' | 'subtitle';
 

diff --git a/packages/clay-card/src/Group.tsx b/packages/clay-card/src/Group.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 interface ICardGroupProps extends React.HTMLAttributes<HTMLUListElement> {
 	/**

diff --git a/packages/clay-card/src/Row.tsx b/packages/clay-card/src/Row.tsx
@@ -5,7 +5,7 @@
  */
 
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import Context from './Context';
 

diff --git a/packages/clay-card/src/__tests__/index.tsx b/packages/clay-card/src/__tests__/index.tsx
@@ -9,7 +9,7 @@ import ClayIcon from '@clayui/icon';
 import ClayLabel from '@clayui/label';
 import ClaySticker from '@clayui/sticker';
 import {cleanup, fireEvent, render} from '@testing-library/react';
-import * as React from 'react';
+import React from 'react';
 
 import ClayCard, {
 	ClayCardWithHorizontal,

diff --git a/packages/clay-card/stories/index.tsx b/packages/clay-card/stories/index.tsx
@@ -12,7 +12,7 @@ import ClayLabel from '@clayui/label';
 import ClaySticker from '@clayui/sticker';
 import {boolean} from '@storybook/addon-knobs';
 import {storiesOf} from '@storybook/react';
-import * as React from 'react';
+import React from 'react';
 
 import ClayCard, {
 	ClayCardWithHorizontal,

diff --git a/packages/clay-charts/src/BillboardWrapper.tsx b/packages/clay-charts/src/BillboardWrapper.tsx
@@ -5,7 +5,7 @@
  */
 
 import {bb, ChartOptions} from 'billboard.js';
-import * as React from 'react';
+import React from 'react';
 
 interface IProps extends ChartOptions {
 	forwardRef: React.MutableRefObject<any>;

diff --git a/packages/clay-charts/src/GeoMap.tsx b/packages/clay-charts/src/GeoMap.tsx
@@ -5,7 +5,7 @@
  */
 
 import {Grid, PointOptions} from 'billboard.js';
-import * as d3 from 'd3';
+import d3 from 'd3';
 
 // eslint-disable-next-line liferay/no-duplicate-imports
 import {
@@ -17,7 +17,7 @@ import {
 	ValueFn,
 } from 'd3';
 import {FeatureCollection} from 'geojson';
-import * as React from 'react';
+import React from 'react';
 
 const DEFAULT_COLOR = {
 	range: {

diff --git a/packages/clay-charts/src/Predictive.tsx b/packages/clay-charts/src/Predictive.tsx
@@ -5,7 +5,7 @@
  */
 
 import {Data} from 'billboard.js';
-import * as React from 'react';
+import React from 'react';
 
 import BillboardWrapper from './BillboardWrapper';